react native 修改Picker样式Android

2018-04-23  本文已影响0人  贝塔有点萌

Picker设置style可以修改布局样式,但是修改不了字体样式,Picker.Item style属性Android不支持。

<Picker style={{ flex: 1, padding: 0, height: 32 }}>

另一种是在android\app\src\main\res\values\styles.xml中修改

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <!-- 声明Picker style. -->
        <item name="android:spinnerItemStyle">@style/SpinnerItem</item>
        <!-- 声明Picker.Item style. -->
        <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item>
    </style>
     <!-- Picker 样式 here. -->
    <style name="SpinnerItem" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:textColor">#333333</item>
        <item name="android:textSize">16dp</item>
    </style>
    <!-- Picker.Item 样式 here. -->
    <style name="SpinnerDropDownItem" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:textColor">#ffffff</item>
        <item name="android:textSize">16dp</item>
        <item name="android:paddingTop">10dp</item>
        <item name="android:paddingBottom">10dp</item>
        <item name="android:paddingLeft">24dp</item>
        <item name="android:backgroundColor">#993399</item>
    </style>
</resources>
上一篇 下一篇

猜你喜欢

热点阅读