提问者:小点点

React本机自定义字体在android中不起作用


我已经按照所有步骤在react native应用程序中添加和使用自定义字体,但它不起作用。下面是我所遵循的。

  1. 在根目录下添加了资源/字体,并向其中添加了ttf字体

这里的图片

本机创建的。配置。并添加了以下代码

module.exports={资产:['./资产/字体']}

一些消息人士说,在包装中添加了以下内容。json。也添加了它

“rnpm”:{“资产”:[“/assets/font”]}

现在,在我的组件中,我对字体系列样式使用了完全相同的ttf名称。

style={style.textStyles}

const样式=样式heet.create({文本样式:{fontFamily:'好感觉无',字体大小: 20,字体重量:'粗体',边距: 10}})

链接图片

7.运行了“npx react native run android”,我发现字体没有变化:(你知道为什么没有反映出来吗


共3个答案

匿名用户

尝试在不使用fontwweight参数的情况下声明字体样式,因此请尝试将字体样式声明为:

const styles = StyleSheet.create({ 
      textStyles : { 
          fontFamily : 'Good Feeling Sans', 
          fontSize : 20, 
          margin : 10 
      } 
})

除了使用fontWeight进行操作外,您还可以为此使用专门准备的字体(带有权重变量的ttf文件)。但是如果您真的需要fontweaght您可以尝试用数字值声明它,例如:fontweaght:800

这是我在以前版本的React Native(

确保您也将字体文件放在适当的文件夹中,应用程序可以访问该文件夹。在你的图片中,资产/字体放错了位置,我认为应该放在android/app/src/main/assets/fonts文件夹下。

匿名用户

匿名用户

试试这个:

  1. 将字体文件名重命名为小写