问题标签 [react-native-picker-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
4031 浏览

reactjs - react-native-picker-select 不使用父视图 {flexDirection:'row'}

我想在一行中<RNPickerSelect./>使用。<TextInput/>因此,当我制作 Parent 时flexDirection: row,我只看到箭头而看不到文字。即使我删除<TextInput/>,我也看不到选择器中的任何文本。

在运行上面的应用程序时,我得到了这样的东西

在此处输入图像描述

如您所见,选择器未显示文本。

以下是我正在使用的配置

react-native-picker-select 版本:6.3.3

反应原生版本:0.61.2

反应版本:16.9.0

0 投票
0 回答
439 浏览

react-native - 当我从下拉列表中选择第一个值时反应本机选择器回调函数问题并且对于剩余值它工作正常

当我从下拉列表中选择第一个值时,第一次 setState 设置为所选值(在这种情况下,第一个值是我从“请选择事件”以外的数据呈现的动态值)但它再次设置为 null,这是仅在下拉列表的第一个值时发生,对于其余值,它运行良好。

0 投票
1 回答
1058 浏览

react-native - React Native Picker:显示不同的项目列表

我正在学习使用 React Native Picker。现在,作为示例,我添加了两个user typeFreelancerClient

我想picker item根据user type所选内容显示不同。目前,我的应用程序显示所有项目,无论user type选择如何。

例如:如果用户选择user type Freelancer,我想显示picker itemFreelancer 1Freelancer 2

而且,如果用户选择user type Client,我想显示picker itemClient 1Client 2

我是新来的,所以任何帮助都将受到高度赞赏。

下面提供的代码片段:

0 投票
1 回答
1237 浏览

javascript - React Native Picker:设置和获取不同的 Picker 值

我正在使用 React Native Picker 并创建了两个状态:userTypename.

但是,有两个userTypeFreelancer, Cl ​​ientname每个也有两个userType,它们是:Freelancer 1 , Freelancer 2Client 1 , Client 2

目前,我有两个选择器。一个有userType,另一个有name。无论userType选择什么,第二个选择器都会显示所有,name即 Freelancer 1、Freelancer 2、Client 1、Client 2。

但这就是我想要实现的目标:

如何:而不是显示所有name,我想name根据userType所选内容显示具体内容。例如:如果userType === Freelancer,那么name选择器应该只显示Freelancer 1, Freelancer 2。并且,如果userType === Client,那么name选择器应该只显示Client 1, Client 2

下面提供的代码片段:

应用截图: 在此处输入图像描述

0 投票
0 回答
46 浏览

javascript - 我有一个包含数据和标签作为道具的选择器。但是当我打开选择器标签或占位符时也显示在数据中,但我只想要数据

应用截图

上面的标签是 = '身份类型' 数据是 = [{value:passport, value:driving license , value:id card}]

我只想要下拉数据。

0 投票
2 回答
626 浏览

reactjs - React Native App 尝试在 Picker 中使用 FlatList

我对 React Native 很陌生,但对 React 非常熟悉。我有一个问题似乎无法解决。

我正在努力让它发挥作用。我想创建一个包含 Picker 的所有项目的数组。然而,唯一出现的 Picker Item 是我做的测试。谁能向我解释我做错了什么?谢谢!

0 投票
3 回答
493 浏览

typescript - React Native:如何从具有嵌套 json 数组的状态中检索数据并映射该状态以获取具有给定 id 的特定值

我有一个反应本机选择器,它有一组对象,我从我的 API 中获取并保存到属性下的状态。 这是我获取的数据的屏幕截图

当我选择属性下拉列表时,我需要从 _id 中找到数组中的正确对象。我需要使用 Javascript 逻辑来完成此操作,而无需再次调用我的服务器。这是我在下拉菜单中的代码

我需要在这个函数中编写我的代码

0 投票
1 回答
947 浏览

javascript - React Native Picker:过滤特定和重复项

我正在使用React Native Picker

我正在调用一个返回State和列表的 API City

  • 目前,有两个StateKuala Lumpur( state: 14) 和Selangor ( state: 10)

  • state: 14有两个CityKuala Lumpur( city: 262) 和Sungai Besi( city: 263)

  • state: 10有一个City:(Puchongcity: 256

JSON 数据如下所示:

在我的应用程序中,当我调用 API 时,Picker 会加载所有StateCity.

但是,无论如何我可以过滤StateCity我只想City根据State所选内容显示的地方吗?

即如果我选择state: 14,选择器应该只显示city: 262city: 263

或者如果我选择state: 10,选择器应该只显示city: 256

重要说明:目前State数据中只有两个,但将来我将添加多个State,每个都包含多个City。例如:state: A将有 5 个城市,state: B将有 3 个城市等。

请让我知道是否有任何City基于State选定的有效过滤方式,并且一如既往地所有帮助将不胜感激。

下面提供的代码片段:

应用程序截图:

截图 1 截图 2

0 投票
0 回答
212 浏览

react-native-picker-select - 如何更改 react-native-picker-select 中的模态背景?

我想尝试将模态的背景颜色从白色更改为黑色。那是因为我正在实现暗模式和亮模式功能

0 投票
0 回答
261 浏览

android - React Native Picker select:Android 有可用的回调吗?

我在我的 React Native 应用程序中使用react-native-picker-select,我用于 iOS 的两个主要回调是onClose()onDonePress(). 但是,这些仅适用于 iOS。当用户关闭选择器或按下时,是否有一些方法可以与 Android 一起使用来触发功能Done?我知道您可以使用onValueChange(),但这不会在用户完成后触发,只是在他们遍历选择器中的选项时触发。