React Native Picker不是下拉列表

Question

我正在尝试制作一个下拉列表选择框。我正在使用react native的选取器。

我使用以下代码：

<Picker mode={"dropdown"} selectedValue={"test2"} style={{height: 50, width: 125}}>
<Picker.Item label="test" value="test"/>
<Picker.Item label="test2" value="test2"/>
<Picker.Item label="test3" value="test3"/>
<Picker.Item label="test4" value="test4"/>
</Picker>

选取器似乎仍然不是下拉列表。我在模拟器上使用IPhone X。

Answer 1

mode道具仅在Android上受支持。来自文档：

mode

在Android上，指定用户点击选择器时如何显示选择项目：

• 对话框：显示模式对话框。这是默认设置。

• "下拉列表"：显示锚定到选取器视图的下拉列表

https://facebook.github.io/react-native/docs/picker#mode

Answer 2

我发现该模式只适用于Android。https://www.npmjs.com/package/react-native-picker-select完成了任务。

Answer 3

对于仍然面临这个问题的人来说，这里是适用于IOS和Android的最佳解决方案：https://github.com/hoaphantn7604/react-native-element-dropdown

import { Dropdown } from "react-native-element-dropdown";

我试了很多包，但这是迄今为止最好的一个，它是如此可定制和易于使用。我希望我在开始做我的项目时能早点发现这一点。稍后谢谢。