React native 如何在react native中使ScrollView水平

我正在使用ScrollView滚动列表 我怎样才能使它水平？它看起来是垂直的

我也试着用不同的观点来概括，但它不起作用

例如：

.
.
.

只需在

中添加

水平

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

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

.
.
.

这可能会帮助您将

horizontal={true}

prop传递给

ScrollView

组件。 默认情况下，

ScrollView

垂直布局。为了水平滚动内容，只需将

horizontal={true}

prop传递给

ScrollView

组件，如下所示：

儿童1
儿童2
儿童3

上述代码将水平而不是垂直地布置子1、子2和子3

---

您可以阅读更多有关的内容。

它对我很有用，只需在scrollView中添加horizontal={true}，如

     <ScrollView horizontal={true}>    //This is horizonatl


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

//这是horizonatl
如果你想垂直滚动
//垂直卷轴
调幅垂直卷轴

这就是你所需要的

你不需要写：

<ScrollView horizontal={true} />

---

因为当您传入道具时，它已为真。

您可能需要设置道具

水平
和
ShowShorizontalsCrollinIndicator

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


阿斯达斯达斯德
阿斯达斯达斯德
阿斯达斯达斯德
阿斯达斯达斯德
阿斯达斯达斯德
阿斯达斯达斯德
阿斯达斯达斯德
阿斯达斯达斯德
阿斯达斯达斯德
阿斯达斯达斯德

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

   <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>