如何使ScrollView水平反应原生

Question

我使用ScrollView滚动列表如何使其水平显示为垂直

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

例如:

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

Answer 1

您需要定义要在scrollview中激活水平

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

这可能会对你有所帮助

Answer 2

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

默认情况下,ScrollView垂直布局.为了水平滚动内容,您只需将horizontal={true}prop 传递给ScrollViewComponent,如下所示:

<ScrollView horizontal={true}>

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

</ScrollView>

上面的代码将水平而不是垂直地布置Child 1,Child 2和Child 3.

您可以在官方React Native文档上阅读更多内容.

Answer 3

您可能想要设置道具horizontal和showsHorizontalScrollIndicator

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

Answer 4

<ScrollView horizontal />

是你所需要的全部。

你不需要写：

<ScrollView horizontal={true} />

因为当你传入 prop 时它已经是真的了。

Answer 5

只需添加horizontal到您的<ScrollView>

Answer 6

   <View style={{flexDirection: 'row'}}>
        <ScrollView
          horizontal={true}
          showsHorizontalScrollIndicator={false}>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
          <Text>asdasdasd</Text>
        </ScrollView>
      </View>