React Native Adding array of Picker

Question

I wanted to add multiple pickers in React Native. I have a button when clicked a new picker should appear. I also want to store values of selected items of each picker in an array. I don't know how to make this possible. The callback of Picker onValueChange only sends item value and index in my case which can be same for 2 or more pickers. Please someone provide me a solution.

Vlad Oshkanov · Accepted Answer · 2018-05-29 05:30:18Z

1

You can try to do something like this, in function handlePickerSelection you would be able to put value in array's element with index 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>)

answered May 29, 2018 at 5:30

Vlad Oshkanov

1214 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native Adding array of Picker

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related