ScrollView在本机中不以小视图高度滚动

问题描述 投票:0回答:1

我正在处理React本机项目,但是我的scrollView不在小View高度上工作。这是我的代码。

<View style={{height: 300}}>
    <ScrollView>
        <View>
            ...
        </View>
        <View>
            ...
        </View>
        ...
    </ScrollView>
</View>

请问可能是什么问题?

UPDATE

我添加了更多样式来进一步解释...... scrollView位于底部react-native-raw-bottom-sheet中,该底部是代码中所见的RBSheet。 scrollView不滚动。有什么问题吗?

    <View>
      <RBSheet
        ref={ref}
        closeOnDragDown={true}
        closeOnPressMask={true}
        height={500}
        customStyles={{
          draggableIcon: {
            backgroundColor: Colors.light,
          },
          container: {
            borderTopLeftRadius: 16,
            borderTopRightRadius: 16,
          },
        }}>
        <View style={{flex: 1}}>
            <View style={{padding: 16}}>
                <View style={{height:300}}>
                  <ScrollView showsVerticalScrollIndicator={true}>
                    <View
                      style={[
                        FlexDirections.row,
                        JustifyContent.spaceBetween,
                        {paddingVertical: 8},
                      ]}>
                      <Text style={FontWeight.bold}>Name</Text>
                      <Text>Jane doe</Text>
                    </View>
                    ...

                  </ScrollView>
                </View>
            </View>
        </View>
      </RBSheet>
    </View>
reactjs react-native react-native-android react-native-ios
1个回答
0
投票

您可以将closeOnDragDown设置为false。

如果需要closeOnDragDown为真,则可以尝试在ScrollView之后直接添加一个TouchableOpacity,如下所示:

© www.soinside.com 2019 - 2024. All rights reserved.