diff --git a/src/utils.ios.tsx b/src/utils.ios.tsx
index 7bb5a339..4bd3cf15 100644
--- a/src/utils.ios.tsx
+++ b/src/utils.ios.tsx
@@ -6,6 +6,9 @@ export const childrenWithOverriddenStyle = (
   pageMargin = 0
 ) => {
   return Children.map(children, (child) => {
+    if (child == null) {
+      return null;
+    }
     const element = child as React.ReactElement<any>;
     return (
       <View
diff --git a/src/utils.tsx b/src/utils.tsx
index bf2367a5..81a760cf 100644
--- a/src/utils.tsx
+++ b/src/utils.tsx
@@ -6,6 +6,9 @@ export const childrenWithOverriddenStyle = (
   _pageMargin = 0
 ) => {
   return Children.map(children, (child) => {
+    if (child == null) {
+      return null;
+    }
     const element = child as React.ReactElement<any>;
     return (
       <View style={StyleSheet.absoluteFill} collapsable={false}>