如何设置标准react-native android picker的样式？

概述我无法设计它.几乎没有任何关于此的文件.我想知道如何设置fontFamily.如何在Picker.items上设置背景颜色？https://facebook.github.ioeact-native/docs/picker.html设置fontFamily或背景颜色不起作用.将它包装在View中并将样式属性赋予View也不起作用.<Pickerstyle={style

我无法设计它.几乎没有任何关于此的文件.我想知道如何设置FontFamily.如何在Picker.items上设置背景颜色？

https://facebook.github.io/react-native/docs/picker.html

设置FontFamily或背景颜色不起作用.将它包装在VIEw中并将样式属性赋予VIEw也不起作用.

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

解决方法:

它可以通过原生androID设计.见this和this.

将以下代码添加到/res/values/styles.xml

<style name="Apptheme" parent="theme.AppCompat.light.NoActionbar">  <item name="androID:spinnerItemStyle">@style/SpinnerItem</item>  <item name="androID:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item></style><style name="SpinnerItem" parent="theme.AppCompat.light.NoActionbar">  <item name="androID:FontFamily">sans-serif-light</item>  <item name="androID:textSize">18dp</item></style><style name="SpinnerDropDownItem" parent="theme.AppCompat.light.NoActionbar">    <item name="androID:textcolor">#ffffff</item>    <item name="androID:textSize">18dp</item>    <item name="androID:FontFamily">sans-serif-light</item>    <item name="androID:gravity">center</item>    <item name="androID:background">@drawable/mydivIDer</item></style>

在res / drawable / mydivIDer.xml中创建一个文件并添加以下代码

<shape xmlns:androID="http://schemas.androID.com/apk/res/androID"    androID:shape="rectangle">    <solID androID:color="#29A1C9" />    <corners androID:radius="0.5dp" />    <stroke        androID:color="#FFFFFF"        androID:wIDth="0.1dp" /></shape>

造型前：

造型后：

总结

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

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