☰

react-native Pickerを新しく選択したオプションに維持するにはどうすればよいですか? 質問する

tag-icon • tag-icon javascript ios reactjs react-native
react-native Pickerを新しく選択したオプションに維持するにはどうすればよいですか? 質問する

現在、iOS で 2 つのオプションを持つピッカーをテストしています。最初のオプションから 2 番目のオプションにドラッグするたびに、ピッカーはすぐに最初のオプションに戻ります。

私のピッカーのコードは次のようになります。

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

セレクターを新しくスクロールしたオプションにとどめておきたいです。属性|| 'a'の一部も削除しましたselectedValueが、それでも問題は解決しませんでした。

ベストアンサー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>

おすすめ記事