问题标签 [react-native-dropdown-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 回答
374 浏览

javascript - 如何在 react-native-dropdown-picker 中调整模型大小

我使用 react-native-dropdown-picker 在 Modal 中显示项目。问题是模式以全屏移动显示,我无法调整它的大小。我尝试了下面的代码,但没有运气。任何人都可以帮助解决这个问题吗?

在此处输入图像描述

示例代码:

预期:模态容器应显示为 react-native 模态弹出窗口。

在此处输入图像描述

0 投票
0 回答
881 浏览

react-native - `react-native-dropdown-picker` 不为 multiSelect 选择默认值,如果列表项已选择:true {label:"A", value:1, selected:true}

我正在尝试使用react-native-dropdown- picker 的多选功能,该功能可以很好地选择项目,我可以选择多个项目并且也可以获取其值,但我的问题是我无法defaultValue在屏幕加载时显示。

我正在从服务器获取数据,然后尝试显示dropdown-picker

在屏幕加载我得到空白的下拉选择器,它应该显示在哪里1 Item Selected

在此处输入图像描述

react-native-dropdown- picker 中的 DropDownPickerProps可选selected键可用,但它不起作用

如果有人对此有解决方案,请分享。谢谢你。

0 投票
0 回答
122 浏览

react-native-dropdown-picker - 如何使用 useRef 在 react-native-dropdown-picker 中动态选择下拉列表并将值附加到它

我希望 useRef 挂钩动态选择下拉列表并将值附加到它,以便在我编辑添加的值时显示所选的值。

0 投票
0 回答
75 浏览

react-native-dropdown-picker - 如何使用 useRef 在 react-native-dropdown-picker 中动态选择下拉列表并将值附加到它

我希望 useRef 挂钩动态选择下拉列表并将值附加到它,以便在我编辑添加的值时显示所选的值。

0 投票
1 回答
916 浏览

javascript - 对象数组数据源的本机模式下拉问题

我终于找到了一个似乎适合我需要的下拉菜单,但是我在使用该工具时遇到了一些问题..

但这似乎也很简单,我认为那里没有问题。另一个想法是默认值/索引可能会有所帮助?但还没有成功..也许有人可以帮我找到解决方案,我将不胜感激:)

显示问题的简短 gif

0 投票
0 回答
188 浏览

react-native - 如何在 React Native 中按值对下拉选择器选项进行排序

我有一个来自https://hossein-zare.github.io/react-native-dropdown-picker-website/的 DropdownPicker ,用户可以在其中多次选择。为了显示选择的时间,我使用了“BADGE”模式。我遇到的问题是时间按选择的顺序显示。我希望徽章按时间顺序显示。

我尝试对 setValue 和 onValueChange 选项中的值进行排序,但这不起作用。这是我尝试过的代码:

当我在 setValues 函数中控制台日志值时,它说它是一个匿名函数,但我不明白为什么会这样。在 onChangeValue 函数中,它就像我想要的那样工作。

0 投票
0 回答
126 浏览

react-native - 无法单击 TouchableWithoutFeedback 内的下拉选择器

我正在尝试react-native-dropdown-picker在提升的TouchableWithoutFeedback容器内使用下拉选择器。但是,每当我单击选择器内的项目时,都会触发TouchableWithoutFeedback下面的组件。我重新创建了一个简单的小吃博览会供参考。我对容器和下拉菜单的样式如下:

下拉菜单样式为:

我不确定错误来自哪里,是因为海拔高度吗?

0 投票
1 回答
74 浏览

javascript - 如果一个数据填充在 ui 中反应本机,如何在下拉列表和选择中填充数组值

在我的代码中,一个数组 contactMedium 正在响应。我必须在下拉列表中显示,在下拉列表中我必须显示“名称”,并且在选择名称时,所有值都应该填充在相应的字段中,例如“AddTitle”中的“名称”,“Address1”中的“addressLine1”这样的。我怎样才能做到这一点?

contactMedium 是一个包含多个对象的数组

下面是我必须在其中填充数据的 react native 的 UI

0 投票
1 回答
95 浏览

typescript - react-hook-form 控制器组件不确认 react-native-dropdown-picker 输入已填充

很抱歉,因为我对 React Native 还是很陌生。我在用 3rd 方库(react-native-dropdown-picker)替换一些样式不佳的下拉选择器时遇到了这个问题。我能够创建一个非常可行的解决方案,但该表单使用 react-hook-forms 进行提交和验证。目前表明我的可搜索下拉组件仍然是空的,即使它们清楚地显示值

地址表格

任何帮助将不胜感激

0 投票
1 回答
817 浏览

react-native - 另一个滚动中的 react-native-dropdown-picker 滚动不起作用

下拉滚动在 react-native-dropdown-picker 的另一个滚动中不起作用

我已经尝试过给予

作为道具。但仍然无法正常工作。

这是我的代码

滚动条显示在下拉列表中,但不可滚动。这是一个参考图像..

这是一张图片