首页 > 解决方案 > React Native 添加 Picker 数组

问题描述

我想在 React Native 中添加多个选择器。单击时我有一个按钮,应该会出现一个新的选择器。我还想将每个选择器的选定项目的值存储在一个数组中。我不知道如何使这成为可能。Picker onValueChange 的回调仅在我的情况下发送项目值和索引,这对于 2 个或更多选择器可以相同。请有人给我一个解决方案。

标签: androidiosreactjsreact-nativehybrid-mobile-app

解决方案


您可以尝试做这样的事情,在函数 handlePickerSelection 中,您可以将值放入索引为 i 的数组元素中

let pickers = [];
for ( let i = 0; i < numberOfPickers; i++) {
    pickers[i] = <Picker style={{height: 50, width: 100}} key={i} onValueChange={(value) => handlePickerSelection(value, i) }>
       <Picker.Item label="1" value={1}/>
       <Picker.Item label="2" value={2} />
   </Picker>
}
return (<View>{pickers}</View>)

推荐阅读