react-native - 更改 Picker.Item 字体系列 React Native？

Question

<Picker
  // selectedValue={this.state.language}
  selectedValue="USD"
  style={{ height: 50, width: 100, marginRight: 10, justifyContent: 'flex-start'  }}
  itemStyle={{ fontFamily: 'Roboto_thin' }}
  // onValueChange={(itemValue, itemIndex) =>
  //   this.setState({ language: itemValue })
  // }
  >
  <Picker.Item label="USD" value="java" />
  <Picker.Item label="ETB" value="js" />
</Picker>

我想更改选择器项目的字体，并添加了一个带有 fontFamily 值的属性 itemStyle。但是选择器项目的字体没有改变。

Answer 1

正如罗比所说，你可以使用 itemStyle支柱。

然而，itemStyle是先进的property仅 iOS 平台支持，如您在 React Native docs here 上所见.因此，对于选择器项目的样式，例如更改 fontFamily 、颜色等只能使用 来完成原生 Android 样式 ， 目前。然后它将适用于两个平台。

考虑到这一点，您将添加一个新的 <style>将您的资源标记到 style.xml文件，通常在路径中本地化:android/app/src/main/res/values/styles.xml .并将其设置在 AppTheme计算添加的样式，例如:

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
     <item name="android:spinnerItemStyle">@style/SpinnerItem</item>
     <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item>
    </style>

    <!-- Item selected font. -->
    <style name="SpinnerItem" parent="Theme.AppCompat.Light.NoActionBar">
     <item name="android:fontFamily">casual</item>
    </style>

    <!-- Dropdown options font. -->
    <style name="SpinnerDropDownItem" parent="Theme.AppCompat.Light.NoActionBar">
      <item name="android:fontFamily">casual</item>
      <item name="android:padding">8dp</item>
    </style>
<resources>

有用链接:

React Native Picker Android git solved issue .