问题标签 [react-native-picker]

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 投票
0 回答
87 浏览

android - React Native Picker onValueChange 不会触发多行选择器项

我通过添加这个添加了对 react native Picker 的多行支持

参考:如何设置 React-native 选择器项目的样式以包装冗长的文本?

但不幸onValueChange的是在添加多行后没有触发。

如何在多行选取器上获取 onValueChange 事件。

我正在使用 RN .59.x(RN 升级对我来说是不可行的:()和选择器模式作为 DIALOG

..

除了更新 strings.xml 之外,添加多行支持的任何其他选项

示例(单行):https ://reactnative.dev/docs/picker

在此处输入图像描述

0 投票
0 回答
97 浏览

reactjs - 更改值时,React Native Picker 字段刷新太多次

我一直在为一个 Picker 项目苦苦挣扎,该项目在更改它的值时会刷新太多次。该元素用于更改应用程序中的设置并将其存储在内部存储中,这要归功于AsyncStorage.

我正在使用createContext我的功能StorageContext来处理设置的检索和保存。

我在这里做了一个repro 。

更改选项可以正常工作,但如果您仔细观察,它会更新太多次。例如,如果用户从 更改time1time2,则选择器值将: time1> time2> time1>time2

在 Snack 和我的手机上它几乎不可见,但在 Android 模拟器中它更多......这意味着我的实现不是最好的。通过查看控制台也可以确认这一点。

如何改进我的代码以使其更好地工作?随意在此处直接更改代码。

相关代码在Settings.jsStorageContext.js

0 投票
0 回答
72 浏览

react-native - 两个名为 RNCPicker / Yarn 的视图:如何在依赖项之间共享依赖关系?

我正在构建一个 React Native 应用程序,我遇到了以下问题:包@react-native-picker/picker被两个不同的节点模块包含。因此,我遇到了错误:

tried to register two views with the same name RNCPicker.

我曾尝试在指定的应用程序中使用块"resolutions",但它没有帮助。纱线为什么显示以下内容:package.json@react-native-picker/picker

组件库包是我自己的,其中包含一个导入react-native-picker-select. 注释掉导入解决了“两个视图”错误,但这显然不是一个修复。

解决此问题的正确方法是什么?在我看来,依赖关系应该在两个节点模块之间共享,所以只有一个被注册?这不就是吊装应该发生的事情吗?

在组件库节点模块中更新react-native-picker-select到最新版本 ( ) 后出现错误。8.0.4最新版本切换到使用@react-native-picker/picker.

编辑:我有解决该问题的方法,但这仍然不是正确的解决方法。包括@react-native-picker/picker在应用程序中package.json并手动删除node_modules/component-library/node_modules/@react-native-picker/picker至少会使错误消失并且应用程序再次运行,并使用工作react-native-picker-select组件。

0 投票
0 回答
128 浏览

reactjs - React Native 的模态下拉菜单

所以我试图制作一个计算类型的应用程序,其中大部分输入将是用户输入,不包括一些下拉类型。完成用户类型后,我尝试了下拉类型,但它不起作用。因此,当应用程序打开时,将出现带有选定选项的下拉框,但我无法选择这些值,也无法关闭该框。此外,我不需要在打开应用程序的那一刻弹出,而是当我单击该框时,会出现下拉菜单。

0 投票
0 回答
18 浏览

react-native - 如何在 Picker React Native 中将背景设置为透明

版本:@react-native-picker/picker 1.14.0 代码:

实际截图:

图片

预期的:

图片

0 投票
0 回答
29 浏览

react-native - When Select pressed except little icon, React Native get crashed

Hi I am working on project, every thing was okay specially this package was work fine @react-native-picker/picker, But after upgrading my react-native project I got alot of errors and I solve every single but this PICKER error was different, The Error is when I press on picker component then app get crashed but when I only click on small down arrow icon in that component it work fine, I only checked it on android, I don't know that its working on IOS but on android it throwing me this error, I also tried to import also this import {Picker} from "native-base but from native base it also not woking... I dont know what to do ..... Full confused..... Help me in this.

0 投票
0 回答
200 浏览

react-native - @react-native-picker/picker 不显示选择的标签

在我的 React Native 0.64 应用程序中,选择器用于选择国家代码:

默认设置为值“1”,但没有显示标签“US”:

在此处输入图像描述

除标签外,选择器工作正常。是什么导致标签不显示?

0 投票
1 回答
140 浏览

javascript - Invariant Violation:试图注册两个同名的视图 RNDateTimePicker

导入时出现此错误:

import DropDownPicker from 'react-native-dropdown-picker';

import DateTimePicker from '@react-native-community/datetimepicker';

我不知道为什么我会收到这个错误以及如何解决它,有人可以帮助我。

0 投票
1 回答
551 浏览

react-native - 如何在 React-native-picker 中更改下拉菜单的背景颜色并且无法更改(当前显示灰色)。那我该怎么办?

我无法更改 react-native-picker 中下拉菜单的背景颜色,并且它当前显示为灰色。我正在使用 https://www.npmjs.com/package/@react-native-picker/picker

0 投票
0 回答
46 浏览

javascript - React Native Picker Select:什么定义了可点击区域?

我正在使用react-native-picker-select,有时当我单击它时,它不会打开选择器。有几个不同的style属性,但我想知道如果我应用borderWidth: 1它,哪个属性会包围可点击的区域,而在它之外不可点击?