你如何在 React-native android 中使用自定义字体？答案

【问题标题】：How do you use custom fonts with React-native android?你如何在 React-native android 中使用自定义字体？
【发布时间】：2023-03-26 08:01:01
【问题描述】：

我很难让自定义网络字体在 android 上与 react-native 一起使用。

我已按照此处https://medium.com/@gattermeier/custom-fonts-in-react-native-for-android-b8a331a7d2a7#.w6aok6lpw 的说明进行操作，但没有成功。

我尝试了几种不同的字体，但仍然不满意。

nb我试过重命名字体文件，用下划线替换破折号，全部小写等等，但仍然没有成功。

任何帮助，不胜感激。这是我的代码：

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} from 'react-native';

class MyBeltingApp extends Component {
  render() {
    return (
      <View>
        <Text style={styles.welcome}>
         Straigtline
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  welcome: {
    fontFamily: 'GT-Walsheim-Bold',
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});

AppRegistry.registerComponent('MyBeltingApp', () => MyBeltingApp);

【问题讨论】：

您能否回答一下您是如何做到这一点的？
在下面查看我的答案
@magicspon - 你在哪里设法解决它？面临同样的问题 - iOS 运行良好，Android 没有...尝试了一切...

标签： android fonts react-native webfonts react-native-android

【解决方案1】：

我已经设法让字体工作了。

在我的项目的根目录中创建了一个字体文件夹。

然后在 package.json 中

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

然后运行rnpm link assets

嘘……

注意。我不必更改任何文件名或任何东西。他们可以很好地使用破折号。

【讨论】：