clwy-react-native-tableview-simple 4.5.2 → 4.5.4

package/package.json

@@ -2,7 +2,7 @@
   "name": "clwy-react-native-tableview-simple",
   "description": "React Native component for TableView made with pure CSS",
   "homepage": "https://github.com/Purii/react-native-tableview-simple",
-  "version": "4.5.2",
+  "version": "4.5.4",
   "author": "Patrick Böder <hello@patrickpuritscher.com>",
   "scripts": {
     "clean": "watchman watch-del-all && rm -rf node_modules/ && yarn cache clean && yarn",

package/src/components/Cell.tsx

@@ -14,7 +14,7 @@ import {
   ImageProps,
 } from 'react-native';
 import { ThemeContext } from './Theme';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 
 export interface CellInterface {
   accessory?:
@@ -394,18 +394,20 @@ const Cell: React.FC<CellInterface> = ({
    * @return {View} Complete View with cell elements
    */
   const renderCellWithSafeAreaView = (): React.ReactNode => (
-    <SafeAreaView
-      style={[
-        localStyles.cellBackgroundColor,
-        localStyles.cellSafeAreaContainer,
-      ]}>
-      <View style={localStyles.cell}>
-        {cellImageView || renderImageView()}
-        {cellContentView || renderCellContentView()}
-        {cellAccessoryView || renderAccessoryView()}
-      </View>
-      {children}
-    </SafeAreaView>
+    <SafeAreaProvider>
+      <SafeAreaView
+        style={[
+          localStyles.cellBackgroundColor,
+          localStyles.cellSafeAreaContainer,
+        ]}>
+        <View style={localStyles.cell}>
+          {cellImageView || renderImageView()}
+          {cellContentView || renderCellContentView()}
+          {cellAccessoryView || renderAccessoryView()}
+        </View>
+        {children}
+      </SafeAreaView>
+    </SafeAreaProvider>
   );
 
   if (isPressable && !isDisabled) {

package/src/components/Section.tsx

@@ -7,7 +7,7 @@ import {
   TextStyle,
   ViewStyle,
 } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 
 import Separator from './Separator';
 import { CellInterface } from './Cell';
@@ -172,13 +172,15 @@ const Section: React.FC<SectionInterface> = ({
     if (header && withSafeAreaView) {
       return (
         <View style={styles.sectionheader}>
-          <SafeAreaView>
-            <Text
-              allowFontScaling={allowFontScaling}
-              style={localStyles.sectionheaderText}>
-              {header}
-            </Text>
-          </SafeAreaView>
+          <SafeAreaProvider>
+            <SafeAreaView>
+              <Text
+                allowFontScaling={allowFontScaling}
+                style={localStyles.sectionheaderText}>
+                {header}
+              </Text>
+            </SafeAreaView>
+          </SafeAreaProvider>
         </View>
       );
     }
@@ -203,13 +205,15 @@ const Section: React.FC<SectionInterface> = ({
     if (footer && withSafeAreaView) {
       return (
         <View style={styles.sectionfooter}>
-          <SafeAreaView>
-            <Text
-              allowFontScaling={allowFontScaling}
-              style={localStyles.sectionfooterText}>
-              {footer}
-            </Text>
-          </SafeAreaView>
+          <SafeAreaProvider>
+            <SafeAreaView>
+              <Text
+                allowFontScaling={allowFontScaling}
+                style={localStyles.sectionfooterText}>
+                {footer}
+              </Text>
+            </SafeAreaView>
+          </SafeAreaProvider>
         </View>
       );
     }

package/src/components/Separator.tsx

@@ -6,7 +6,7 @@ import {
   ViewStyle,
 } from 'react-native';
 import { ThemeContext } from './Theme';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 
 export interface SeparatorInterface {
   backgroundColor?: ViewStyle['backgroundColor'];
@@ -49,9 +49,11 @@ const Separator: React.FC<SeparatorInterface> = ({
 
   if (withSafeAreaView) {
     return (
-      <SafeAreaView style={localStyles.separator}>
-        <View style={localStyles.separatorInner} />
-      </SafeAreaView>
+      <SafeAreaProvider>
+        <SafeAreaView style={localStyles.separator}>
+          <View style={localStyles.separatorInner} />
+        </SafeAreaView>
+      </SafeAreaProvider>
     );
   }
   return (