如何在 react-native v0.69.1 和 react v18.0.0 中添加自定义字体

Question

我对React Native非常陌生，虽然进行了大量的搜索，但似乎在React Native V0.69.1中link已被移除。我不知道如何在我的项目中链接自定义字体。

项目结构：

android
ios
src
|___assets
       |___fonts/all of my fonts with '.ttf'

我在项目根目录创建了 react-native.config.js 文件，并添加了以下内容：

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./src/assets/fonts/'],
};

我尝试创建了一个<Text style={{fontFamily: 'Splash-Regular',}}>一些文本</Text>，但没有成功！

- Amir Meimari

Answer 1

将 npx react-native link 命令替换为 npx react-native-asset 命令。因为对于 React Native 版本 0.69，link 和 unlink 命令已经被弃用。

- ManojKumar

Answer 2

对我而言，yarn dlx react-native-asset 完美地运行。

- Karl Adler

Answer 3

你的设置没问题，但是在链接字体后，你需要重新安装应用程序，然后检查它是否正常工作。

- user9106403

---

你是指在Android模拟器中吗？我已经尝试过了，但没有起作用 :( - Amir Meimari

Answer 4

尝试使用以下命令：react-native link或npx react-native link

如果这不起作用，请尝试重置缓存

• 对于React Native

react-native start --reset-cache

• 对于npm

npm start -- --reset-cache

// 如果仍然无效，您可以尝试通过将字体文件手动复制到以下文件夹来进行Android的设置。

your_app\android\app\src\main\assets\fonts

(your_app\android\app\src\main\assets\fonts\xyz.ttf)

- myin

---

react-native link 在 react-native v0.69 中已被弃用。 - Amir Meimari