{"repo":"saleel/react-native-super-grid","free":true,"listed":false,"github":"https://github.com/saleel/react-native-super-grid","clone":"git clone https://github.com/saleel/react-native-super-grid.git","description":"Responsive Grid View for React Native","language":"JavaScript","stars":1481,"topics":["react-native","gridview","grid","listview","responsive","flatlist","responsive-grid"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Native Super Grid Responsive Grid View for React Native. Getting Started This library export two components - FlatGrid (similar to FlatList) and SectionGrid (similar to SectionList). Both components render a Grid layout that adapts itself to various screen resolutions. Instead of passing an itemPerRow argument, you pass and each item will be rendered with a dimension size equal to or more than (to fill the screen) the given dimension. Internally, these components use the native FlatList and SectionList. Demo Snack Version 3.x, please refer v3 branch for documentation Version 2.x and older, please refer v2 branch for documentation Versions - Use version 6.0.0 for RN 0.74.0 and above - Use version 5.1.0 for older versions of RN Installing You can install the package via npm. Usage (FlatGrid) Usage (SimpleGrid) This component is similar to the FlatGrid but does not use a FlatList, instead, it simply maps over the data items. This is useful if you need to put a grid inside a ScrollView or if you have a small array. Usage (SectionGrid) Properties Property Type Default Value Description --- --- --- --- renderItem Function Function to render each object. Should return a react native component. Same signature as that of FlatList/SectionList's renderItem (with an additional key rowIndex ). data (for FlatGrid) sections (for SectionGrid) Array Data to be rendered. renderItem will be called with each item in this array. Same signature as that of FlatList/SectionList. itemDimension ","default_branch":null,"files":null,"tree":[],"storefront":"/r/saleel","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/saleel/react-native-super-grid/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}