更改Picker.Item字体系列React native?

问题描述 投票:0回答:1
<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>

我想更改选择器项的字体,并添加一个propertyStyle属性与fontFamily值。但是拾取器项目字体没有改变。

react-native
1个回答
0
投票

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

另外需要注意的是Android默认字体已经是Roboto,所以你可以通过fontWeight属性获得它的瘦版本:

itemStyle={{ fontWeight: '100' }} // <-- 100 is thin, 300 is light, 400 would be regular
© www.soinside.com 2019 - 2024. All rights reserved.