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

wko9yo5t  于 2023-06-06  发布在  React
关注(0)|答案(4)|浏览(647)

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

npx react-native link

显示错误error Unrecognized command "link"。正如我所检查的,这可能是因为react-native从react-native的最新版本中删除了link命令。
所以我想知道如何在不使用react-native link命令的情况下链接字体系列。我使用的是以下版本的reactreact-native

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

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

eni9jsuy

eni9jsuy1#

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

bhmjp9jg

bhmjp9jg2#

npx react-native link自动链接命令在react-native v0.60或更高版本中不建议使用。使用npx react-native-asset。如果你没有react-native.config.js文件,那么创建一个新文件并粘贴:

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

zbwhf8kr3#

我正在使用Expo,但没有一个答案解决了我的问题。
首先我必须安装- 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的附加步骤

vktxenjb

vktxenjb4#

首先,创建react-native.config.js文件,如下图

module. Exports = {
 project: {
 ios: {},
 android: {},
},
 assets: ['./src/assets/fonts/'], // path of your assert file
};

然后跑

npx react-native-asset

相关问题