starter-kit
  • Initial page
  • Getting Started
  • Folder structure
  • Routing
  • Side Menu
  • API
  • Home Screen
  • Grid Screen
  • List Screen
  • Detail Screen
  • Map Screen
Powered by GitBook
On this page
  • Grid Layout
  • RenderItem

Grid Screen

It contains all the data with grid layout

PreviousHome ScreenNextList Screen

Last updated 6 years ago

Grid Layout

<FlatList
  data={data}
  renderItem={this._renderItem.bind(this)}
  keyExtractor={(item, index) => index}
  numColumns={2}
/>

We used flatlist with 2 columns and some stylesheet to make it work.

RenderItem

Ref:

RenderItem