npx react-native 链接命令在最新版本的 react native 中不起作用。我们如何在我的项目中链接自定义字体系列

当我运行命令时,我想在我的 react-native 项目中使用自定义字体系列

npx react-native link

它向我显示了错误 error Unrecognized command "link" 。正如我所检查的,这可能是因为 react-native 从最新版本的 react-native 中删除了链接**命令。

所以我想知道如何在不使用 react-native link 命令的情况下链接字体系列。我正在使用以下版本的 reactreact-native

"react": "18.0.0",
"react-native": "0.69.1",

最后感谢您提前提供的帮助。

stack overflow npx react-native link command not working in latest version of react native. How can we link custom font family in my project
原文答案
author avatar

接受的答案

您可以使用以下命令: npx react-native-asset


答案:

作者头像

npx react-native link auto-linking command is deprecated in react-native v0.60 or higher versions. Use npx react-native-asset. If you don't have react-native.config.js file then create new file and paste it:

module.exports = {
project: {
    ios: {},
    android: {},
},
assets: ['./assets/fonts/'], // <- your asset folder's path
};
作者头像

我正在使用博览会,但没有一个答案解决了我的问题。

首先我必须安装 - expo install expo-font expo-app-load ing

然后我将字体导入我的项目(到字体的文件夹)。

最后,我将以下内容导入到我的 App.js:

import { useFonts } from 'expo-font';
import AppLoading from 'expo-app-loading';

加上这个:

 //Fonts
  let [fontsLoaded] = useFonts({
    "SpaceMono-Regular": require("././assets/fonts/SpaceMono-Regular.ttf")
  });

最后一步是使用字体:

 mainTitleText:{
    fontSize:22,
    fontWeight:'700',
    fontFamily:'SpaceMono-Regular',
    color:'#202A41'
  },

我在本教程中找到了分步解决方案(不是我的频道/不是附属机构): Youtube Tutorial

如果在完成所有这些操作后您仍然收到警告,我建议您使用 Splash Screen preventAutoHideAsync 观看此 Youtube Tutorial 并执行其他步骤