Jak sprawić, aby wybieracz reagujący na normę pozostał w nowo wybranej opcji?

Question

Mam próbnik, który testuję teraz na iOS z dwoma opcjami. Za każdym razem, gdy przeciągam od pierwszej opcji do drugiej opcji, selektor natychmiast powraca do pierwszej opcji.

Oto, jak wygląda mój kod dla mojego selektora.

<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> 

Chcę, aby selektor pozostał przy nowo przewiniętym do. Usunąłem również część || 'a' z atrybutu selectedValue, ale to też nie rozwiązało problemu.

Answer 1

Na zmianę wartości trzeba określić, które własnością państwa zmieniło i zmienić go odpowiednio z this.setState

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

Pełny kod

<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

użyłem tego "hack":

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> 
    ); 
    }