zl程序教程

您现在的位置是:首页 >  其他

当前栏目

react-native ScrollView嵌套滚动

2023-04-18 15:41:15 时间

是否有相关属性可以兼容scrollview嵌套问题?

在阅读一番官方文档后,发现了一个属性nestedScrollEnabled,代码如下:

nestedScrollEnabled={true}

<ScrollView>
  <View style={[{ flex: 1 }, mainStyle]}>
    {dataArr.map(item => (
      <View key={item.left} style={styles.item}>
        <View style={styles.itemLeft}>
          <Text style={styles.itemLeftText}>{item.left}</Text>
        </View>
        <View style={{ flex: 3, maxHeight: deviceSize.scale(300) }}>
          <ScrollView nestedScrollEnabled={true}>
            <Text style={styles.itemRightText}>{item.right}</Text>
          </ScrollView>
        </View>
      </View>
    ))}
  </View>
</ScrollView>