另一个滚动中的 react-native-dropdown-picker 滚动不起作用

Posted 2023-02-16

【中文标题】另一个滚动中的 react-native-dropdown-picker 滚动不起作用

【英文标题】：react-native-dropdown-picker scroll inside another scroll is not working

【发布时间】：2022-01-14 01:29:58

【问题描述】：

下拉滚动在 react-native-dropdown-picker 的另一个滚动中不起作用

我已经尝试过给予

listMode="SCROLLVIEW"
    scrollViewProps=
      nestedScrollEnabled: true,

 

作为道具。但还是不行。

这是我的代码

<SafeAreaView edges=['right', 'left', 'bottom'] style=styles.container >
                <ScrollView>
                    <View style=[globalStyles.contentWrap,  marginBottom: 16, height: 1000 ]>
                        <View>

                            <View style= zIndex: 10 >

                                <DropDownPicker
                                    listMode="SCROLLVIEW"
                                    placeholder="Select your restaurant"
                                    style=
                                        borderColor: Colors.borderColor,
                                        backgroundColor: '#fff',
                                        borderWidth: 1,
                                        paddingHorizontal: 12,
                                        paddingVertical: Platform.OS === 'ios' ? 12 : 6,
                                        fontSize: 16,
                                        borderRadius: 5,
                                        marginTop: 8,
                                        marginBottom: 16,
                                    
                                    dropDownContainerStyle=
                                        borderColor: Colors.borderColor,
                                        color: Colors.black1,
                                        fontSize: 16,
                                        borderRadius: 5,
                                    
                                    placeholderStyle=
                                        color: '#696969',
                                        fontSize: 16,
                                    
                                    textStyle=
                                        fontSize: 16,
                                    
                                    dropDownMaxHeight=240
                                    open=open
                                    value=value
                                    items=items
                                    setOpen=setOpen
                                    setValue=setValue
                                    setItems=setItems
                                    schema=
                                        label: 'name',
                                        value: 'id',
                                    
                                />
                            </View>
                        </View>

                    </View>
                </ScrollView>
            </SafeAreaView>

滚动条显示在下拉列表中，但不可滚动。 这是一个参考图像..

【问题讨论】：

我认为您需要将下拉菜单移到滚动视图之外，因为它没有检测到目标可滚动项（我的意思是滚动视图或下拉菜单）

屏幕上还有很多其他的输入框，把它移到外面不会解决问题，from应该是可滚动的，

将“nestedScrollEnabled=true”属性添加到内部ScrollView（下拉菜单）并检查

@Jamal 尝试将 nestedScrollEnabled=true 赋予未修复的 组件

【参考方案1】：

根据他们的官方文档，您不能拥有内部滚动视图。

备注#

FlatList 组件不应嵌套在 ScrollView 中 否则你会遇到 VirtualizedLists 永远不应该嵌套 在普通的 ScrollViews 警告中。如果这发生在你身上，而且你只有 有几个项目，考虑使用 SCROLLVIEW 模式。否则 你必须使用MODAL模式。

查看此链接： https://hossein-zare.github.io/react-native-dropdown-picker-website/docs/advanced/list-modes

【讨论】：

尝试将 nestedScrollEnabled=true 赋予未修复的 组件

@JeesmonJoy 抱歉，我已经更新了答案。请检查链接