🐛 Fix validators list on Android

likecoin · Mar 28, 2022 · 2ba42c3 · 2ba42c3
1 parent 7c0601d
commit 2ba42c3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/app/components/header-tab-container-view/header-tab-container-view.tsx b/app/components/header-tab-container-view/header-tab-container-view.tsx
@@ -101,8 +101,8 @@ export function HeaderTabContainerView({
           x: 0,
           y: Platform.OS === "ios" ? -HEADER_HEIGHT : 0,
         },
-        style: {
-          paddingVertical: Platform.OS === "android" ? HEADER_HEIGHT : 0,
+        contentContainerStyle: {
+          paddingTop: Platform.OS === "android" ? HEADER_HEIGHT : 0,
         },
       })}
     </View>

diff --git a/app/screens/validator-list-screen/validator-list-screen.tsx b/app/screens/validator-list-screen/validator-list-screen.tsx
@@ -24,8 +24,10 @@ const Screen = styled(ScreenBase)`
 `
 
 const ValidatorList = styled(ValidatorListBase)`
+  flex-grow: 1;
   background-color: ${({ theme }) => theme.color.background.secondary};
-  padding: 0 ${({ theme }) => theme.spacing.xs};
+  padding-left: ${({ theme }) => theme.spacing.xs};
+  padding-right: ${({ theme }) => theme.spacing.xs};
 `
 
 @inject((allStores: any) => ({

diff --git a/test/__snapshots__/storyshots.test.ts.snap b/test/__snapshots__/storyshots.test.ts.snap
@@ -7473,6 +7473,11 @@ exports[`Storyshots HeaderTabContainerView Style Presets 1`] = `
           </View>
         </View>
         <RCTScrollView
+          contentContainerStyle={
+            Object {
+              "paddingTop": 0,
+            }
+          }
           contentInset={
             Object {
               "top": 80,
@@ -7491,7 +7496,6 @@ exports[`Storyshots HeaderTabContainerView Style Presets 1`] = `
               "flexBasis": 0,
               "flexGrow": 1,
               "flexShrink": 1,
-              "paddingVertical": 0,
             }
           }
         >