fix(ui): forehead in navigator (#436)

Replace height with display css to control TransactionAuthorization show/hide
BirthdayResearch · Aug 5, 2021 · c32eae0 · c32eae0
1 parent 5df6e2d
commit c32eae0
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/app/screens/TransactionAuthorization.tsx b/app/screens/TransactionAuthorization.tsx
@@ -144,14 +144,20 @@ export function TransactionAuthorization (): JSX.Element | null {
 
   if (status === 'INIT') return null
 
-  // hide/dismiss UI when not needed
-  const viewHeight: { height?: number } = {}
-  if (status === 'IDLE') {
-    viewHeight.height = 0
-  }
   return (
-    <SafeAreaView style={[tailwind('w-full h-full flex-col bg-white'), viewHeight]}>
-      <View style={{ paddingTop: 20 }}>
+    <SafeAreaView
+      style={[
+        tailwind('w-full h-full flex-col bg-white'),
+        status === 'IDLE' && tailwind('hidden')
+      ]}
+    >
+      <View
+        style={{
+          paddingTop: Platform.select({
+            android: 20
+          })
+        }}
+      >
         <TouchableOpacity style={tailwind('bg-white p-4 border-b border-gray-200')} onPress={onCancel}>
           <Text
             style={tailwind('font-bold text-primary')}