From e8734d1ce9bae697c6b99233fae20fd4be6459c6 Mon Sep 17 00:00:00 2001
From: Rajat Parashar <parasharrajat@users.noreply.github.com>
Date: Sat, 20 Mar 2021 22:05:11 +0530
Subject: [PATCH] fix: styling on Screenwrapper

---
 src/components/ScreenWrapper.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ScreenWrapper.js b/src/components/ScreenWrapper.js
index 2575d6cb9453..ba732010220c 100644
--- a/src/components/ScreenWrapper.js
+++ b/src/components/ScreenWrapper.js
@@ -30,7 +30,7 @@ const defaultProps = {
 };
 
 const ScreenWrapper = props => (
-    <SafeAreaInsetsContext.Consumer style={props.style}>
+    <SafeAreaInsetsContext.Consumer>
         {(insets) => {
             const {paddingTop, paddingBottom} = getSafeAreaPadding(insets);
             const paddingStyle = {};
@@ -44,11 +44,11 @@ const ScreenWrapper = props => (
             }
 
             return (
-                <View
-                    style={[
-                        styles.flex1,
-                        paddingStyle,
-                    ]}
+                <View style={_.union([
+                    props.style,
+                    styles.flex1,
+                    paddingStyle,
+                ])}
                 >
                     <HeaderGap />
                     {// If props.children is a function, call it to provide the insets to the children.