how to make ScrollView horizontal in react native

Question

I am using ScrollView for scrolling the list how can i make it horizontal it is appearing vertical

I also tried wrapping up in different views but its not working

for eg:

<View>  <ScrollView>  .  .  .  </ScrollView>  <View>

Answer 1

You need to define that you want to active horizontal in scrollview

<View>   <ScrollView   horizontal={true}   >   .   .   .   </ScrollView> <View> 

that may be help you

Answer 2

Pass the horizontal={true} prop to the ScrollView Component.

By default, ScrollView is laid out vertically. In order to scroll the content horizontally, you simple need to pass a horizontal={true} prop to the ScrollView Component, like so:

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

The above code will lay out Child 1, Child 2 and Child 3 horizontally instead of vertically.

You can read more on the official React Native docs.