Блог

Главная - Вопросы по программированию - средство выбора колес react native (IOS) не остается на выбранном значении?

средство выбора колес react native (IOS) не остается на выбранном значении?

#react-native #timepicker #picker

#react-native #timepicker #средство выбора

Вопрос:

это абсолютно нормально работает на Android, но не на IOS (не отображается значение, которое пользователь выбирает из wheel picker). Проверьте эту ссылку.

https://drive.google.com/file/d/1y_ULGQuvPlzZj2V2zr1RAynrZKpme4Uc/view?usp=sharing

  <Picker
          style={{ width: 100, height: 80 }}
          selectedValue={this.state.selectedHour}
          itemStyle={{ color: "black", fontSize: 20 }}
          onValueChange={index => this.onPickerHourSelect(index)}
        >
          {this.state.hourList.map((value, i) => (
            <PickerItem label={value} value={i} key={"money"   value} />
          ))}
  

 onPickerHourSelect(index) {
 var hour = this.state.hourList[index];

this.setState({
  selectedHour: hour,
})   }

Пожалуйста, предложите мне другой компонент или пакет средства выбора (например, Spinner или Wheel Picker)

Комментарии:

1. Используете ли вы средство выбора react-native?

2. Я использую средство выбора колеса react-native

3. попробуйте react-native-picker

4. Все еще не работает.

5. Не могли бы вы, пожалуйста, поделиться своим кодом, который вы пробовали в react-native-picker?

Ответ №1:

У меня была такая же проблема! Я решил это, используя SelectedValue вместо SelectedItem и передавая значение элемента выбора.

Это мой код:

 <Picker style={{flex: 1, width: 150, height: 180}}
        itemStyle={{color: 'black', fontSize: 26}}
        selectedValue={this.state.minutes[this.state.indexSelected]}
        onValueChange={(index) => {this.setState({indexSelected: index})}}>
        {this.state.minutes.map((value, i) => (<PickerItem label={value} value={i} key={i}/>))}             
</Picker>

Комментарии:

1. большое тебе спасибо, Роберто. но я также использую SelectedValue. смотрите мой фрагмент кода.