反应本机导入字体

Question

我正在尝试将字体添加到我的项目中。 我像推荐的Here一样添加了它

1。）已添加到Package.json

Package.json：

(2018/01/01, 2018/01/10), // 1st, 3rd, 4th lines combined
(2018/02/15, 2018/03/21)  // 2nd line

2。）添加文件

assets \ fonts \ Roboto.ttf

assets \ fonts \ vincHand.ttf

3。）链接了所有内容

  "rnpm": {
    "assets": [
      "./assets/fonts/"
     ]
   }

4。）将代码添加到我的项目中

 rnpm link

5。）重建应用程序

      <Text> Test </Text>
      <Text style={{ fontFamily: "Roboto" }}> Test </Text>
      <Text style={{ fontFamily: "vincHand" }}> Test </Text>

结果：

问题

为什么不显示字体，而所有3个文本都带有默认字体？

Answer 1

字体的全名可能与字体的文件名不同。您确定在代码中使用正确的全名吗？

Answer 2

很好的解决方案虽然很容易但是很难找到。 运行'react-native.cmd run-android'来重建应用程序还不够。 我真的必须从汇总器上取消安装该应用程序，然后将其重新安装在模拟器上

Answer 3

1-在package.json中，添加以下行：

"rnpm": {
  "assets": [
    "fonts"
  ]
},

2-运行：react-native链接

3-通过以下方式再次构建您的项目：react-native run-ios（或）react-native run-android

4-您可以在代码中使用字体，例如：

...
export default class myApp extends Component {
  ...
  render() {
    return (
      <Text style={styles.myCustomText}>Wow, it looks different.</Text>
    )
  }
}
const styles = StyleSheet.create({
  myCustomText: {
    fontFamily: 'YOUR_CUSTOM_FONT_NAME',
  },

})