UNPKG

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
{ "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" } ] }