javascript 如何使用React Native为Android和iOS使用相同的自定义字体

qyzbxkaa  于 2023-04-04  发布在  Java
关注(0)|答案(1)|浏览(171)

我正在使用react native为ios和android使用相同的代码。现在在我的项目中,我想为两者使用自定义字体。我知道如何为ios应用自定义字体,但这些相同的字体如何应用于android呢?
//新建样本
我在sample/android/app/src/main/assets/fonts/gillsans-italic.ttf下添加了自定义字体,我在CustomFontTest组件中应用了这个gillsans-italic.ttf字体,如下所示

var CustomFontTest = React.createClass({
      render:function(){
         return (<View><Text style={styles.customFont}>CustomFont</Text></View>)
      }
})
var styles = StyleSheet.create({
    customFont:{
        fontFamily:'gillsans-italic',
        fontSize:14,
        color:'#efefef'
    }
})
vdzxcuhz

vdzxcuhz1#

把你的字体放在android/app/src/main/assets/fonts下。
它们必须根据字体家族名称命名。以下是支持的内容:
联系我们
联系我们_
{{fontName}}_bold_italic.otf
您可以将.otf替换为. ttf。{{fontName}}是您传递给组件的style属性的名称。

相关问题