如何使用android styles.xml设置react-native选取器的样式？

概述我想知道如何设置fontFamily.如何设置颜色和Picker.items上的背景颜色？ <Picker style={styles.picker} // cannot set fontFamily here selectedValue={this.state.selected2} onValueChange={this.onValueChange.bind(this, 'se 我想知道如何设置FontFamily.如何设置颜色和Picker.items上的背景颜色？

<Picker   style={styles.picker} // cannot set FontFamily here   selectedValue={this.state.selected2}   onValueChange={this.onValueChange.bind(this,'selected2')}   mode="dropdown">   <Item label="hello" value="key0" /> // cannot set backgroundcolor here   <Item label="world" value="key1" /></Picker>

我posted this on Github并得到了答案,只有一些属性可以通过样式在React Native中设置,但选择器的一些更核心的元素(如使用的字体)是由原生AndroID驱动的.它需要通过使用styles.xml等的本机androID来完成.

不幸的是,我不是一个原生的AndroID开发人员,所以我无法理解解决方案.我将以下代码段添加到/res/values/styles.xml,但d出窗口的文本颜色或背景没有更改.

<resources>    <!-- Base application theme. -->    <style @R_502_6889@="Apptheme" parent="theme.AppCompat.light.NoActionbar">        <!-- Customize your theme here. -->    </style>    <style @R_502_6889@="SpinnerItem">        <item @R_502_6889@="androID:textcolor">#ffffff</item>        <item @R_502_6889@="androID:background">#993399</item>    </style>    <style @R_502_6889@="SpinnerDropDownItem">        <item @R_502_6889@="androID:textcolor">#ffffff</item>        <item @R_502_6889@="androID:background">#993399</item>    </style></resources>

我需要做出哪些其他改变？如何设置FontFamily？

解决方法 那是因为您需要在Apptheme中声明样式

<resources>    <!-- Base application theme. -->    <style @R_502_6889@="Apptheme" parent="theme.AppCompat.light.NoActionbar">        <!-- Customize your theme here. -->        <item @R_502_6889@="androID:spinnerItemStyle">@style/SpinnerItem</item>        <item @R_502_6889@="androID:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item>    </style>    <style @R_502_6889@="SpinnerItem">        <item @R_502_6889@="androID:textcolor">#ffffff</item>        <item @R_502_6889@="androID:background">#993399</item>    </style>    <style @R_502_6889@="SpinnerDropDownItem">        <item @R_502_6889@="androID:textcolor">#ffffff</item>        <item @R_502_6889@="androID:background">#993399</item>    </style></resources>

而已 ：)

总结

以上是内存溢出为你收集整理的如何使用android styles.xml设置react-native选取器的样式？全部内容，希望文章能够帮你解决如何使用android styles.xml设置react-native选取器的样式？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。