android React Native第二个ScrollView不工作

k5ifujac  于 2023-05-21  发布在  Android
关注(0)|答案(1)|浏览(205)

我的应用程序是由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>
balp4ylt

balp4ylt1#

这可以通过在子Scrollview上使用nestedScrollEnabled={true} prop来修复,如下所示:

<ScrollView>
  <ScrollView nestedScrollEnabled={true}>
  </ScrollView>
</ScrollView>

相关问题