在 React Native 中更改 Picker 占位符对齐方式

【问题标题】：Change Picker placeholder alignment in React native在 React Native 中更改 Picker 占位符对齐方式
【发布时间】：2018-05-16 04:47:51
【问题描述】：

我尝试将选择器的文本对齐方式更改为右对齐，但似乎无法更改。

<Picker
selectedValue={this.state.language}
style={{ flex: 1, alignItems: 'flex-end' }} 
onValueChange={(itemValue, itemIndex) =>this.setState({ language:  itemValue })}>
<Picker.Item label="Java" value="java" />
<Picker.Item label="JavaScript" value="js" />
</Picker>

我需要类似下面的图片：

【问题讨论】：

标签： react-native react-native-android

【解决方案1】：

您可以在样式属性中更改选择器的宽度

 <Picker
selectedValue={this.state.language}
style={{ flex: 1, alignItems: 'flex-end', width:'50%' }} 
onValueChange={(itemValue, itemIndex) =>this.setState({ language:  itemValue })}>
<Picker.Item label="Java" value="java" />
<Picker.Item label="JavaScript" value="js" />
</Picker>

你改变宽度大小你得到你想要的确切宽度

【讨论】：