npx React-Native 链接对我不起作用

Question

我正在尝试使用它（https://mehrankhandev.medium.com/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4）来添加字体，但我对此有问题部分...

npx react-native link

这个命令没有向我显示任何内容......任何内容；然后控制台行“C:\Users****\WebstormProjects\myFirstProject> 再次出现。就像我一开始没有写任何命令一样。出了什么问题？

Answer 1

使用

npx react-native-asset

表示

react-native

> 0.69

Answer 2

我认为，“链接”已在 v0.69 中删除。以下是添加自定义字体的步骤。

1. 将字体文件复制到“./assets/fonts”文件夹。

2. 使用以下代码将react-native.config.js文件添加到项目根目录

   module.exports = {
   assets:['./assets/fonts']}
   

3. 对于 Android 无需链接，但在 ios 中还需按照以下步骤操作。

   在 Xcode 中打开 ios 项目。将字体文件拖放到“复制捆绑资源”上。

然后打开“Info.plist”并添加字体。

之后转到“产品”菜单并点击“清理构建文件夹”。然后启动 Metro 并启动您的应用程序。

Answer 3

在 RN +0.69 中，有时当您尝试添加自定义字体时，您可能会看到此错误：

'react-native-asset' is not recognized as an internal or external command

如果您首先收到此错误

install yarn add -D react-native-asset

作为开发依赖项，然后运行

npx react-native-asset

Answer 4

npx 反应本机资产

注意：更新字体（在 Mac 上）需要删除

react-native.config.js>assets

并再次运行上述命令才能取消。

然后添加

react-native.config.js>assets

并再次运行上述命令以链接字体。

Answer 5

您需要创建一个

react-native.config.js

然后您可以使用

react-native link

命令。

示例：

module.exports = {
    project: {
        ios: {},
        android: {},
    },
    assets: ['./src/assets/fonts/Montserrat', './src/assets/fonts/Nunito', './src/assets/fonts/Newsreader', './src/assets/fonts/Anton', './src/assets/fonts/Gilroy'],
};