如何在 React Native 上进行选择?

Posted

技术标签:

【中文标题】如何在 React Native 上进行选择?【英文标题】:How to make a select on React Native? 【发布时间】:2015-07-28 17:26:13 【问题描述】:

使用 React Native,我想进行选择。

现在,使用 Pickerios,我有一些看起来像这样的东西:

如您所见,选择器显示了一堆可能的值,即使我只想显示一个。

我试图让它看起来更像这样,所以它只显示您选择的值(除非您触摸它,在这种情况下,选择器会从底部出现):

我能做什么?

【问题讨论】:

在用 Swift 或 Objective-C 编写的本机应用程序中完成此操作的方法是创建一个 UITextField 并将其 inputView 设置为 UIPickerView。我不知道 React Native 是否也能做到这一点。 【参考方案1】:

也许你可以试试React Native FMPicker,它会在你的第二个屏幕截图中模拟选择器

【讨论】:

【参考方案2】:

React Native List Popover 可能对你有用。

【讨论】:

但是我在 X 代码中有一个问题:没有提供脚本 URL。确保打包程序正在运行,或者您在应用程序中嵌入了 JS 包 bundle.unsanitizedScriptURLString:((null))

以上是关于如何在 React Native 上进行选择?的主要内容,如果未能解决你的问题,请参考以下文章

在ubuntu上进行React-Native开发之环境搭建

React / React Native:如何映射数组并在卡片上显示数据

在 TestFlight 上测试 React Native App

如何在 React Native 上捕获麦克风音频并将其流式传输到 IceCast 端点?

React-Native iOS 状态栏

如何在 WebView [React-Native] 中禁用用户文本选择