@shoutem/ui 9.0.7 → 9.1.0

package/components/Screen.js

@@ -1,8 +1,17 @@
+import React from 'react';
 import { View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { connectAnimation } from '@shoutem/animation';
 import { connectStyle } from '@shoutem/theme';
 
-const AnimatedScreen = connectAnimation(View);
+const SafeAreaAwareView = ({ style, ...rest }) => {
+  const insets = useSafeAreaInsets();
+  const safeAreaStyle = { paddingBottom: insets.bottom };
+
+  return <View {...rest} style={[style, safeAreaStyle]} />;
+};
+
+const AnimatedScreen = connectAnimation(SafeAreaAwareView);
 const Screen = connectStyle('shoutem.ui.Screen')(AnimatedScreen);
 
 export { Screen };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoutem/ui",
-  "version": "9.0.7",
+  "version": "9.1.0",
   "description": "Styleable set of components for React Native applications",
   "scripts": {
     "lint": "eslint .",

package/theme.js

@@ -977,12 +977,6 @@ export default () => {
         paddingBottom: HOME_INDICATOR_PADDING,
       },
 
-      'shoutem.ui.ListView': {
-        listContent: {
-          paddingBottom: HOME_INDICATOR_PADDING,
-        },
-      },
-
       backgroundColor: resolveVariable('backgroundColor'),
       flex: 1,
     },