我正在处理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>
您可以将closeOnDragDown设置为false。
如果需要closeOnDragDown为真,则可以尝试在ScrollView之后直接添加一个TouchableOpacity,如下所示: