如何使ScrollView水平反应原生

时间:2017-08-09 12:43:40

标签: react-native

我正在使用ScrollView滚动列表 我怎样才能使它水平呈现垂直

我也试过在不同的视图中结束,但它不起作用

例如:

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

6 个答案:

答案 0 :(得分:31)

您需要在scrollview

中定义要激活水平
<View>
  <ScrollView
  horizontal={true}
  >
  .
  .
  .
  </ScrollView>
<View>

可能会对你有所帮助

答案 1 :(得分:9)

horizontal={true}道具传递给ScrollView组件。

默认情况下,ScrollView是垂直布局的。为了水平滚动内容,您只需要将horizontal={true}道具传递给ScrollView组件,如下所示:

<ScrollView horizontal={true}>

  <Text>Child 1</Text>
  <Text>Child 2</Text>
  <Text>Child 3</Text>

</ScrollView>

上面的代码将水平排列Child 1,Child 2和Child 3,而不是垂直排列。

您可以在official React Native docs上阅读更多内容。

答案 2 :(得分:3)

您可能想设置道具horizontalshowsHorizontalScrollIndicator

<ScrollView
  horizontal={true}
  showsHorizontalScrollIndicator={false}
  pagingEnabled={true}
</ScrollView>

答案 3 :(得分:1)

只需在horizontal

中添加<ScrollView>即可

答案 4 :(得分:0)

它对我有用,只需要在scrollView内像

一样添加horizo​​ntal = {true}
     <ScrollView horizontal={true}>    //This is horizonatl


     If you want Vertical scroll 
    <ScrollView>                       //vertical scroll
    <Text>Am vertical scroll </Text> 
    </ScrollView>  

答案 5 :(得分:0)

item.itemId

是您所需要的。

您不需要写:

pip3 install -r requirements.txt

因为当您传递道具时它已经是真的。