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

亨尼豪爵士

我想在屏幕内部构建“选择器菜单”。我认为时间选择器弹出组件不够平滑,无法使用,因为它们需要额外的单击,而不仅仅是拖动到所需的元素。

组件应返回所选值+更改所选值的颜色。我想到了ListView / ScrollView,但是我找不到找到使之工作的方法。

下图:一个很棒的gimp图形,用于显示目标,将Android Time Picker放置在屏幕内作为可视示例。

那就是它的样子

任何想法从哪里开始?我该如何使用React-Native组件构建类似的东西?

Ayush Nawani

您可以使用react-native-wheel-pickerreact-native-wheel-picker-android这些库提供了拾轮器,而没有打开任何弹出窗口。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

无法从react-native-dropdown-picker中选择项目

React UseEffect - 当我从下拉列表中选择一个项目时如何清空数组

从下拉列表中选择项目时,React Material UI Select 不会更改值

在Python中使用SeleniumLibrary在react-select下拉列表中选择项目

如何使用React Testing Library从选择列表中选择一个选项

在 React.js 中选择一个随机样式的组件

在React Native Picker中选择第一个项目时,有没有一种方法可以调用?

如何使用React更新基于第一个选择项中的选择项

React-Native:如何将组件中的项目与另一个组件中的项目绑定?

从 React Native 的列表中删除一个项目并更新新列表

如果我的条件匹配,如何从另一个列表中选择项目?

在具有DOM的列表中选择项目的最后一个元素

在React和TypeScript中构建一个布局组件

传递一个函数来在 React 中选择 html

React Native Picker Select:如何自动选择一个项目,但仍然能够选择其他项目?

根据 React 中另一个下拉列表中选择的值更改下拉列表中的值

如何测试React Native组件不止一个级别?

react native 只能更新一个挂载或挂载的组件

创建一个自定义的 React Native 组件

React Native,从一个组件导航到另一个组件

通过在React中选择一个禁用选项作为默认值来重置下拉列表

如何组成一个更好的React列表容器组件?

如何在React Native中显示从列表中选择的多个项目

WPF 在一个 ListBox 中选择项目并在第二个 ListBox 中显示相应的列表

如何使用Yarn创建一个React Native项目?

为 AsyncStorage 返回的 JSON 对象中的每个项目 React Native 在屏幕上创建一个组件

在 react-select 包中选择项目后删除边框颜色

如何从 React 功能组件(待办事项列表)中的状态数组中过滤出一个项目

当用户从 React 的下拉列表中选择一个选项时如何启用另一个输入字段