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

Question

我正在做一个 React Native 项目，但我的 scrollView 无法在较小的视图高度上工作。这是我的代码。

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

请问可能是什么问题？

更新

我添加了更多样式来进一步解释...滚动视图位于底部 sheet 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>

Answer 1

您可以将 closeOnDragDown 设置为 false。

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

   <ScrollView showsVerticalScrollIndicator={true}>
      <TouchableOpacity activeOpacity={1}>
        <View
          style={[
            FlexDirections.row,
            JustifyContent.spaceBetween,
            { paddingVertical: 8 },
          ]}>
          <Text style={FontWeight.bold}>Name</Text>
          <Text>Jane doe</Text>
        </View>
      </TouchableOpacity>
    </ScrollView>

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

ScrollView Not Scrolling in small view height in react native

reactjs

react-native

react-native-android

react-native-ios