horizontal scroll list react native code example

Example 1: react native scrollview horizontal

<ScrollView horizontal={true}>
  <Text>Child 1</Text>
  <Text>Child 2</Text>
  <Text>Child 3</Text>
</ScrollView>

Example 2: react native flatlist horizontal scroll

<FlatList
  horizontal
  pagingEnabled={true}
  showsHorizontalScrollIndicator={false}
  legacyImplementation={false}
  data={this.props.photos}
  renderItem={item => this.renderPhoto(item)}
  keyExtractor={photo => photo.id}
  style={{width: SCREEN_WIDTH + 5, height:'100%'}}
/>

Tags:

Javascript Example

Related