ネイティブに反応します、アンドロイドプラットフォームでピッカー項目を右に揃えられないのはなぜですか？

Question

私は年齢のための解決策を見つけようとしましたが、それはまだ働いていません！以下は、私が書いたものです：

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

Answer 1

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> 

を色フォントの項目を設定

選択された項目のスタイルを変更しますドレープダウンアイテムを変更するには

ドロップダウンリストを希望します同じスタイルを持つms。

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

最後に

たら、ピッカーのすべての要素のために、あなたのスタイルを設定しています。一般的なAppテーマにスタイルを追加する必要があります。

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

希望すると助かります！