android picker不显示

时间:2019-01-14 19:58:10

标签: react-native expo

我正在导入一个处理渲染选择器组件的组件。它在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
  },

谢谢

0 个答案:

没有答案