React Native：构建一个“从列表中选择项目”组件

Posted 2023-02-25

【中文标题】React Native：构建一个“从列表中选择项目”组件

【英文标题】：React Native: Build a "Select Item from List" component

【发布时间】：2017-12-30 13:01:48

【问题描述】：

我想在屏幕内构建一个“选择器菜单”。我认为时间选择器弹出组件使用起来不够流畅，因为它们需要额外的点击而不是仅仅拖动到想要的元素。

组件应返回所选值 + 更改所选值的颜色。我想到了 ListView/ScrollView，但我还没有找到让它工作的方法。

下图：一个很好的 gimp 图形来显示目标是什么，将 android 时间选择器放置在屏幕内作为视觉示例。

That's what it could look like

任何想法从哪里开始？如何使用 React-Native 组件构建这样的东西？

【问题讨论】：

您似乎希望我们为您编写一些代码。虽然许多用户愿意为陷入困境的编码人员编写代码，但他们通常只有在发布者已经尝试自己解决问题时才会提供帮助。展示这项工作的一个好方法是包含您迄今为止编写的代码、示例输入（如果有的话）、预期输出以及您实际获得的输出（控制台输出、回溯等）。您提供的详细信息越多，您可能收到的答案就越多。检查FAQ 和How to Ask。

不，我不是在寻找任何人为我编写代码，而是给我一般建议我可以使用哪个库或从哪里开始。

【参考方案1】：

您可以使用react-native-wheel-picker 或react-native-wheel-picker-android。这些库在不打开任何弹出窗口的情况下提供轮选择器。

【讨论】：

github.com/lesliesam/react-native-wheel-picker 为我做了。其他人在 RN 0.49.5 上被窃听

@Sirhennihau - lesliesam 的***选择器不是日期时间选择器。关于获取日期时间选择器的任何建议？