react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
29 lines (28 loc) • 1.37 kB
JSON
{
"name": "GridView",
"category": "layoutsAndTemplates",
"description": "An auto-generated grid view that calculate item size according to given props",
"example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/GridViewScreen.tsx",
"props": [
{"name": "items", "type": "GridListItemProps[]", "description": "The list of items based on GridListItem props"},
{
"name": "viewWidth",
"type": "number",
"description": "pass the desired grid view width (will improve loading time)"
},
{"name": "numColumns", "type": "number", "description": "Number of items to show in a row"},
{"name": "itemSpacing", "type": "number", "description": "Spacing between each item"},
{"name": "lastItemLabel", "type": "string | number", "description": "overlay label for the last item"},
{"name": "lastItemOverlayColor", "type": "string", "description": "color of overlay label for the last item"},
{
"name": "keepItemSize",
"type": "boolean",
"description": "whether to keep the items initial size when orientation changes, in which case the apt number of columns will be calculated automatically."
},
{
"name": "renderCustomItem",
"type": "(item: GridListItemProps) => React.ReactElement",
"description": "Pass to render a custom item"
}
]
}