我正在导入一个处理渲染选择器组件的组件。它在iOS上可以正常运行,但在Android上却不能:选择的值不会显示。我查看了其他相关的Stack Overflow问题,他们提到样式“ alignSelf:'center”会导致问题,但是我检查了我的组件和父组件,我没有使用该样式。 这是我的Android选择器:
<Picker
note
type={input.type}
mode="dropdown"
itemStyle={style.pickerStyle}
placeholder='Click to select'
placeholderStyle={style.placeholderStyle}
placeholderIconColor="#007aff"
selectedValue={this.state.selected}
onValueChange={value => input.onValueChange(value, input.onChange)}
>
<Item label='Click to Select' value="key0" />
<Picker.Item label='1' value="key1" name='1' />
<Picker.Item label='2' value="key2" name='2' />
<Picker.Item label='3' value="key3" name='3' />
<Picker.Item label='3' value="key4" name='4' />
</Picker>
这是选择器和占位符样式:
pickerStyle: {
top: 10,
right: 15,
width: Platform.OS === 'android' ? '100%' : 330,
height: Platform.OS === 'android' ? 55 : 55,
borderWidth: 1,
borderColor: '#707070',
borderRadius: 0,
marginBottom: Platform.OS === 'ios' ? 20 : 0,
},
placeholderStyle: {
color: '#a2a1a1',
opacity: 0.85,
paddingLeft: Platform.OS === 'ios' ? 5 : 5
},
谢谢