fix: remove top margin when header is hidden in native stack. fixes f…

…acebook#131
react-one · Oct 18, 2019 · fb726ee · fb726ee
1 parent 3aaf6eb
commit fb726ee
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/packages/native-stack/src/views/StackView.tsx b/packages/native-stack/src/views/StackView.tsx
@@ -43,7 +43,20 @@ export default function StackView({ state, navigation, descriptors }: Props) {
             }}
           >
             <HeaderConfig {...options} route={route} />
-            <View style={[styles.content, contentStyle]}>{renderScene()}</View>
+            <View
+              style={[
+                styles.content,
+                {
+                  marginTop:
+                    Platform.OS === 'android' && options.headerShown !== false
+                      ? 56
+                      : 0,
+                },
+                contentStyle,
+              ]}
+            >
+              {renderScene()}
+            </View>
           </Screen>
         );
       })}
@@ -55,7 +68,6 @@ const styles = StyleSheet.create({
   content: {
     flex: 1,
     backgroundColor: '#eee',
-    marginTop: Platform.OS === 'android' ? 56 : 0,
   },
   scenes: {
     flex: 1,