如何在React-Native中从选择器中获取多个值?

问题描述 投票:0回答:3

这是我的反应本机选择器的代码。 我想获取所选 json 数组的所有值。

我想提供多项选择。

<Picker
                  mode="dropdown"
                  style={styles.droplist}
                  selectedValue={this.state.mode}
                  onValueChange={this.funcValueChanged}>
                  <Picker.Item label="Select Company" value="Select Company" />
                  {
                    this.state.data.map((item, key) => (
                      <Picker.Item
                        label={item.Co_Name + ' (' + item.CompCode + ')'}
                        value={key}
                        key={key}
                      />
                    )))
                  }
                </Picker>
react-native
3个回答
1
投票

您可以用于单选/多选

从“react-native-dropdown-picker”导入 DropDownPicker;

         <DropDownPicker
            items={getAllStates}
            searchable={true}
            searchablePlaceholder="Search for an item"
            searchablePlaceholderTextColor="gray"
            placeholder="Select States"
            placeholderTextColor={"grey"}
            multiple={true}
            multipleText="%d items have been selected."
            containerStyle={{ marginTop: 8, marginBottom: 8, width: 
            "92%", alignSelf: "center", }}
            onChangeItem={item => {

            }
            } />

0
投票

这里使用的包是@react-native-picker/picker,不支持多选。

GitHub 问题

请使用

npm i react-native-multiple-select
来代替。


0
投票

尝试这个轻量级且完全可定制的包

**rn-multipicker**
- https://www.npmjs.com/package/rn-multipicker

完整文章:https://dev.to/rahul04/add-multi-select-dropdown-to-react-native-applications-53ef

© www.soinside.com 2019 - 2024. All rights reserved.