response-native - Picker - undefined не объект (оценка 'this.props.children [position] .props)

Question

У меня возникает странное поведение при использовании Picker.

Я использую Picker следующим образом:

<Picker 
    mode="dropdown" 
    style={styles.pickerField} 
    selectedValue={this.state.dayAndTime} 
    onValueChange={(text) => this.setState({ dayAndTime: text })} 
> 
    <Picker.Item label="Le 5/07 à 15H" value="0" key="0" /> 
</Picker> 

Когда экран отображения этого сборщика загружен, я получил экран ошибки говоря (скриншот см ниже) не определено не является объектом (оценки «этого. props.children [position] .props)

Из того, что я собрал, моя проблема исходит из строки 106 библиотек/компонентов/Picker/PickerAndroid.android.js, кажется, что свойство «onValueChange» запускает его. Я удалил его, и ошибки не произошло.

Я использую response-native 0.31.0, я использую виртуальное устройство android api 23 с genymotion.

Есть ли что-то, что я делаю неправильно?

Answer 1

Там должно быть не менее 2 пунктов, чтобы выбрать из, например: <Picker.Item label="Le 5/07 à 15H" value="0" key="0" /> <Picker.Item label="Le 5/07 à 15H" value="1" key="1" />

Кроме того, для лучшего синтаксиса, вы можете попробовать: onValueChange={(dayAndTime) => this.setState({ dayAndTime })}

Answer 2

У меня была аналогичная проблема, но использовал компонент Item + массив. И чтобы исправить это, я добавил пустой массив в качестве значения по умолчанию для моей DataSource проп Как что:

<Picker style={styles.picker} mode="dropdown" { ...props }> 
    <Picker.Item label="--- Select ---" value="" /> 
    { 
     props.dataSource.map(({ label, value }) => (
      <Picker.Item key={value} label={label} value={value} /> 
     )) 
    } 
</Picker> 

PickerWithLabel.defaultProps = { 
    dataSource: [] 
};