React native 反应自然,为什么能';我不能在android平台中将选择器项向右对齐吗?

React native 反应自然,为什么能';我不能在android平台中将选择器项向右对齐吗?,react-native,React Native,多年来我一直试图找到解决方案,但仍然没有成功!下面是我写的: <View style = {[ {flex: 0.7} ]}> <Picker selectedValue={this.state.selectedGender} onValueChange={this.onValueChange.bind(this, 'selectedGender')} > <Item label="Please

多年来我一直试图找到解决方案,但仍然没有成功!下面是我写的:

<View style = {[ {flex: 0.7} ]}>
    <Picker
        selectedValue={this.state.selectedGender}
        onValueChange={this.onValueChange.bind(this, 'selectedGender')}
        >
        <Item label="Please select gender" value=""/>  
        <Item label="Male" value="M" /> 
        <Item label="Female" value="F" />
    </Picker>
</View>

如果您想更改Android上选取器项目的样式,您必须更改本机代码

您必须在
android/app/src/main/res/values/styles.xml
中添加样式

更改选择器容器的步骤

在这里,我将背景设置为
null
,因此左侧没有向下箭头

<style name="SpinnerStyle" parent="@android:style/Widget.Spinner">>
    <item name="android:background">@null</item>
</style>
>
@空的
更改所选项目样式的步骤

在这里,我将项目设置为居中,颜色字体设置为深灰色,字体大小设置为16

<style name="SpinnerItem" parent="Theme.AppCompat.Light.NoActionBar">>
    <item name="android:gravity">center</item>
    <item name="android:textColor">#373737</item>
    <item name="android:textSize">16dp</item>
</style>
>
居中
#373737
16dp
更改下拉项的步骤

正如所选项目一样,我希望下拉项目具有相同的样式

<style name="SpinnerDropDownItem" parent="Theme.AppCompat.Light.NoActionBar">>
    <item name="android:gravity">center</item>
    <item name="android:textColor">#373737</item>
    <item name="android:textSize">16dp</item>
</style>
>
居中
#373737
16dp
最后

一旦为选择器的每个元素设置了样式。您必须将样式添加到常规应用程序主题中

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="android:spinnerStyle">@style/SpinnerStyle</item>
    <item name="android:spinnerItemStyle">@style/SpinnerItem</item>
    <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item>
    ...
</style>

...
@风格/喷丝板风格
@样式/喷丝板项目
@样式/喷丝头下拉项
...

希望有帮助

但是配置选择器如何在不同的页面中以不同的方式对齐呢?嗯,由于此解决方案更改了应用程序中每个选择器的样式,我想您应该在本机端实现不同的选择器,并将它们公开以响应本机。如果只想更改
align
属性,可以公开一个基本选择器并添加一个属性
align
,这样就可以在React Native端定义它。我不知道是否还有其他解决方案,但我只能说:/谢谢你的解决方案,但我刚刚度假回来!总之,我是react native和android的新手,所以你能给我一些指导,让我展示基本的选取器,添加属性对齐,以及如何在react native side中定义吗?希望你不介意分享,谢谢你。非常感谢。我做了很多研究,尝试了这么多不同的代码来解决问题,但都没有成功,所以最后使用这些代码仍然存在问题:ios右对齐下拉列表怎么样?@ElFreddy,我如何更改文本对齐,谢谢?