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

该代码应该可以工作，但我对您提供的字体名称很好奇。如果您使用谷歌字体作为链接资源，那么Roboto-Thin除非您自己重命名它，否则应该如此。仔细检查链接到您的项目的字体名称是否正确。

另外需要注意的是，Android 默认字体已经是Roboto，因此您可以通过属性获取它的精简版本fontWeight：

itemStyle={{ fontWeight: '100' }} // <-- 100 is thin, 300 is light, 400 would be regular