@momo-kits/foundation 0.81.3 → 0.81.4

package/Layout/ItemList.tsx

@@ -2,11 +2,13 @@ import React, {FC, ReactElement, useContext} from 'react';
 import {FlatList, FlatListProps, View} from 'react-native';
 import Item from './Item';
 import {GridContext} from './index';
+import styles from './styles';
 
 const ItemList: FC<FlatListProps<any>> = ({
   renderItem,
   numColumns = 1,
   style,
+  contentContainerStyle,
   ...props
 }) => {
   const {gutterSize} = useContext(GridContext);
@@ -43,21 +45,8 @@ const ItemList: FC<FlatListProps<any>> = ({
       renderItem={_renderItem}
       horizontal={false}
       ItemSeparatorComponent={() => <View style={{height: gutterSize}} />}
-      style={[
-        style,
-        {
-          marginTop: undefined,
-          marginBottom: undefined,
-          marginLeft: undefined,
-          marginRight: undefined,
-          paddingTop: undefined,
-          paddingBottom: undefined,
-          paddingLeft: undefined,
-          paddingRight: undefined,
-          padding: undefined,
-          margin: undefined,
-        },
-      ]}
+      style={[style, styles.protectedStyle]}
+      contentContainerStyle={[contentContainerStyle, styles.protectedStyle]}
     />
   );
 };

package/Layout/styles.ts

@@ -77,4 +77,20 @@ export default StyleSheet.create({
     right: 0,
     borderRadius: Spacing.M,
   },
+  protectedStyle: {
+    marginTop: undefined,
+    marginBottom: undefined,
+    marginLeft: undefined,
+    marginRight: undefined,
+    paddingTop: undefined,
+    paddingBottom: undefined,
+    paddingLeft: undefined,
+    paddingRight: undefined,
+    padding: undefined,
+    margin: undefined,
+    marginHorizontal: undefined,
+    marginVertical: undefined,
+    paddingHorizontal: undefined,
+    paddingVertical: undefined,
+  },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.81.3",
+    "version": "0.81.4",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {