我的应用程序是由react-native(0.62.2)开发的,并依赖于react-native-elements(2.0.0)。应用程序的屏幕必须包括两个ScrollView元素。第一个ScrollView将用于页面滚动,第二个ScrollView将用于现有的单词卡。第一个ScrollView元素正在工作,但第二个ScrollView元素未在card元素中滚动。我尝试使用样式{flex:1} Package 视图元素,但没有结果。
<ScrollView>
// other items ...
{
wordSetObject.words.length == 0 ? null :
<Card title="Existing Words" dividerStyle={{marginBottom:0}} containerStyle={{maxHeight:300}}>
<ScrollView>
{
wordSetObject.words.map((item, index) => {
return(
<ListItem
key={index}
title={item.word}
subtitle={item.meaning}
bottomDivider
rightIcon={
<View style={{flexDirection:'row'}}>
<MCIcon
name="pencil"
size={22}
/>
<MCIcon
name="delete"
size={22}
color="red"
onPress={() => onPressDeleteWordButton(index)}
/>
</View>
}
/>)
})
}
</ScrollView>
</Card>
}
</ScrollView>
1条答案
按热度按时间balp4ylt1#
这可以通过在子Scrollview上使用
nestedScrollEnabled={true}
prop来修复,如下所示: