如何将滚轮选择器菜单更改为 React Native with Expo 中的下拉菜单？

Posted 2023-02-25

【中文标题】如何将滚轮选择器菜单更改为 React Native with Expo 中的下拉菜单？

【英文标题】：How can I change a scroll wheel Picker menu to a drop down menu in React Native with Expo?

【发布时间】：2020-11-08 15:21:21

【问题描述】：

我正在尝试使用 Expo 和 React-native-picker 创建一个下拉菜单。

                 <TouchableOpacity style=styles.pickerContainer>
                    <Picker 
                        selectedValue=selectedProduct
                        style=styles.pickerStyle
                        itemStyle=styles.pickerItemStyle
                        onValueChange=(value, key) => 
                            setSelectedProduct(value)
                        
                        
                        
                    >   
                        getProductOptions(products)
                    </Picker>
                </TouchableOpacity> 

当我运行expo start 时，下拉菜单会按照我的意愿出现。但是，当我在 ios 模拟器中打开它时，我得到一个滚轮。是否有一些道具需要更改才能在 iOS 中获取下拉菜单？

【问题讨论】：

据我所知，这就是 ios 选择器的外观。我认为从看起来更像您正在寻找的下拉菜单中选择的替代 ui 元素更容易。相关帖子***.com/q/41181683/9098350.

【参考方案1】：

React-native-picker 有一个 prop mode('dialog', 'dropdown') 但不幸的是它只在 ANDROID 中受支持。如果您还想在 ios 中显示下拉菜单，则必须更改库。

你可以试试https://github.com/hossein-zare/react-native-dropdown-picker

【讨论】：

谢谢，Dropdown-picker 帮我找到了我想要的东西。