React native React Native Expo水平和垂直滚动-Android和iOS

我用以下代码实现了水平滚动：

如何使用可以垂直滚动的行实现多行水平红蓝框（保持水平滚动）

---

此外，如何通过编程在滚动视图中添加水平滚动和垂直滚动的

？

您可以实现多行水平红蓝框（保持水平滚动），其中的行可以通过嵌套滚动视图进行垂直滚动

通过使用Map函数，您可以通过编程方式为水平和垂直滚动添加内部滚动视图。检查。我已经实现了你所需要的

 <ScrollView
        ref={scrollView => {
          this.scrollView = scrollView;
        }}
        style={styles.container}
        //pagingEnabled={true}
        horizontal={false}
        decelerationRate={0}
        snapToInterval={width - 60}
        snapToAlignment={'center'}
        contentInset={{
          top: 0,
          left: 30,
          bottom: 0,
          right: 30,
        }}>
        {array.map(item => {
          return (
            <ScrollView horizontal={true}>
              {array.map(item => {
                return (
                  <View style={item % 2 === 0 ? styles.view : styles.view2} />
                );
              })}
            </ScrollView>
          );
        })}
      </ScrollView>

{
this.scrollView=滚动视图；
}}
style={style.container}
//PaginEnabled={true}
水平={false}
减速率={0}
snapToInterval={width-60}
snapToAlignment={'center'}
内容插图={{
排名：0，
左:30,，
底部：0，
右:30,，
}}>
{array.map（项=>{
返回(
{array.map（项=>{
返回(
);
})}
);
})}

若答案令你们满意，那个就投票表决：-）