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

时间:2018-05-16 04:47:52

标签: react-native react-native-android

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

<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>

我需要像下面这样的内容:

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以更改选择器样式道具中的宽度

 <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>

您可以更改宽度尺寸,获得所需的确切宽度

相关问题