美文网首页
react native 修改Picker样式Android

react native 修改Picker样式Android

作者: 贝塔有点萌 | 来源:发表于2018-04-23 19:24 被阅读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>

相关文章

网友评论

      本文标题:react native 修改Picker样式Android

      本文链接:https://www.haomeiwen.com/subject/fsollftx.html