diff --git a/example/android/app/src/main/res/values/styles.xml b/example/android/app/src/main/res/values/styles.xml
index 9dc21b3..749884d 100644
--- a/example/android/app/src/main/res/values/styles.xml
+++ b/example/android/app/src/main/res/values/styles.xml
@@ -3,6 +3,6 @@
         <item name="android:windowBackground">#000000</item>
         <item name="android:textColor">#000000</item>
         <item name="android:windowTranslucentStatus">true</item>
-        <item name="android:windowTranslucentNavigation">true</item>
+        <item name="android:windowTranslucentNavigation">false</item>
     </style>
 </resources>
diff --git a/example/index.tsx b/example/index.tsx
index bb45a7a..477d051 100644
--- a/example/index.tsx
+++ b/example/index.tsx
@@ -25,6 +25,15 @@ Navigation.setDefaultOptions({
     visible: true,
     style: 'dark'
   },
+  animations: {
+    setRoot: {
+      alpha: {
+        duration: 500,
+        from: 0,
+        to: 1,
+      }
+    },
+  }
 });
 
 Navigation.registerComponent('Splash', () => gestureHandlerRootHOC(Splash), () => Splash);
diff --git a/example/src/Constants.ts b/example/src/Constants.ts
index fc697e2..ef2de34 100644
--- a/example/src/Constants.ts
+++ b/example/src/Constants.ts
@@ -3,11 +3,15 @@ import StaticSafeAreaInsets from "react-native-static-safe-area-insets";
 
 export const CONTENT_SPACING = 15;
 
+const SAFE_BOTTOM = Platform.select({
+  ios: StaticSafeAreaInsets.safeAreaInsetsBottom
+}) ?? 0
+
 export const SAFE_AREA_PADDING = {
   paddingLeft: StaticSafeAreaInsets.safeAreaInsetsLeft + CONTENT_SPACING,
   paddingTop: StaticSafeAreaInsets.safeAreaInsetsTop + CONTENT_SPACING,
   paddingRight: StaticSafeAreaInsets.safeAreaInsetsRight + CONTENT_SPACING,
-  paddingBottom: StaticSafeAreaInsets.safeAreaInsetsBottom + CONTENT_SPACING
+  paddingBottom: SAFE_BOTTOM + CONTENT_SPACING
 }
 
 // whether to use takeSnapshot() instead of takePhoto() on Android