反应原生选择器没有在android中显示

Question

我正在尝试添加picker in react native android但它没有在android中显示.我将我的位置日期映射到选择器项目,但我没有在屏幕上看到选择器.

<Picker selectedValue={this.state.location}>
  <Picker.Item label="Location 1" value="1" /> 
  <Picker.Item label="Location 2" value="2" />
  <Picker.Item label="Location 3" value="3" />
</Picker>

Answer 1

您需要设置onValueChange方法

我正在尝试添加picker in react native android但它没有在android中显示.我将我的位置日期映射到选择器项目,但我没有在屏幕上看到选择器.

<Picker
    style={{width: 100}} 
    selectedValue={this.state.location}
    onValueChange={(loc) => this.setState({location: loc})}>
  <Picker.Item label="Location 1" value="1" /> 
  <Picker.Item label="Location 2" value="2" />
  <Picker.Item label="Location 3" value="3" />
</Picker>

Answer 2

对我来说,它是父视图组件上的"alignItems:'center',".

我会评论你的styles.container的所有/每种风格

Answer 3

你给它的宽度和高度？那是我的问题

Answer 4

如果选择器没有具有高度、重量或 flex 属性的样式，则它不会出现在屏幕上

<Picker

  style={{flex:1}} >
  <Picker.Item label="Location 1" value="1" /> 
  <Picker.Item label="Location 2" value="2" />
  <Picker.Item label="Location 3" value="3" />

</Picker>