From 1397bee71056881c3891c1fb2a9f997d7f3fa602 Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Sat, 22 May 2021 00:13:11 +0200
Subject: [PATCH] chore: fix albums screen padding in native stack

---
 example/src/Screens/NativeStack.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/example/src/Screens/NativeStack.tsx b/example/src/Screens/NativeStack.tsx
index 0470550f..c85ff898 100644
--- a/example/src/Screens/NativeStack.tsx
+++ b/example/src/Screens/NativeStack.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { View, Platform, StyleSheet, ScrollView } from 'react-native';
 import { Button } from 'react-native-paper';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import type { ParamListBase } from '@react-navigation/native';
 import {
   createNativeStackNavigator,
@@ -85,8 +86,14 @@ const NewsFeedScreen = ({
 const AlbumsScreen = ({
   navigation,
 }: NativeStackScreenProps<NativeStackParams, 'Albums'>) => {
+  const insets = useSafeAreaInsets();
+
   return (
-    <ScrollView contentContainerStyle={{ paddingTop: 44 + 12 }}>
+    <ScrollView
+      contentContainerStyle={{
+        paddingTop: 56 + (Platform.OS === 'ios' ? 0 : insets.top),
+      }}
+    >
       <View style={styles.buttons}>
         <Button
           mode="contained"