नए चुने हुए विकल्प पर प्रतिक्रिया-देशी पिकर कैसे बने रहें?

Question

मेरे पास एक पिकर है जिसे मैं अभी दो विकल्प के साथ आईओएस पर परीक्षण कर रहा हूं। हर बार जब मैं पहले विकल्प से दूसरे विकल्प में खींचता हूं, तो पिकर तुरंत पहले विकल्प पर वापस आ जाता है।

यह मेरे पिकर के लिए मेरा कोड जैसा दिखता है।

<Picker 
     style={{ 
     width: 100, 
     }} 
     selectedValue={(this.state && this.state.pickerValue) || 'a'} 
     onValueChange={(value) => { 
     this.setState({value}); 
     }} itemStyle={{color: 'white'}}> 
     <Picker.Item label={'Hello'} value={'a'} /> 
     <Picker.Item label={'World'} value={'b'} /> 
</Picker> 

मैं चाहता हूं कि चयनकर्ता नए स्क्रॉल-टू विकल्प पर रहें। मैंने selectedValue विशेषता के || 'a' भाग को भी हटा दिया है, लेकिन इसने समस्या को हल नहीं किया है।

Answer 1

मूल्य परिवर्तन पर आप जो राज्य की संपत्ति बदल निर्दिष्ट और this.setState यह उसके अनुसार बदल साथ की जरूरत है

onValueChange={(value) => {this.setState({pickerValue: value}); 

पूरा कोड

<Picker 
     style={{ 
     width: 100, 
     }} 
     selectedValue={(this.state && this.state.pickerValue) || 'a'} 
     onValueChange={(value) => { 
     this.setState({pickerValue: value}); 
     }} itemStyle={{color: 'white'}}> 
     <Picker.Item label={'Hello'} value={'a'} /> 
     <Picker.Item label={'World'} value={'b'} /> 
</Picker> 

Answer 2

मैं इस "हैक" का इस्तेमाल किया:

render() { 
    const values = ['1', '2']; 

    return (
     <Picker 
     value={this.state.value} 
     onValueChange={this.onValueChange.bind(this)} 
     > 
     { 
       <Picker 
        value={this.state.value} 
        onValueChange={this.onValueChange.bind(this)} 
       > 
       { 
        [<Picker.Item 
         label="n/a" 
         value={null} 
        />].concat(values.map(value => { 
          return (
           <Picker.Item 
            label={value} 
            value={value} 
           /> 
          ) 
          }) 
        ) 
       } 
       </Picker> 
    ); 
    }