react-native Text 小米10 pro 部分文字显示不全

本文介绍了在React Native中遇到字体显示问题的解决方案,通过设置<Text>组件的样式属性`fontFamily: 'lucidagrande'`可以解决。对于多个Text组件,可以通过修改Text的render方法,全局设置默认字体。详细步骤包括导入Text,定义默认字体家族,并覆盖Text的渲染方法,确保所有Text组件继承默认字体风格。
摘要由CSDN通过智能技术生成

在github(地址)上发现相关问题的issues,

解决办法是为Text设置

<Text style={{fontFamily: "lucida grande"}}>

如果涉及到多个Text, 可以在页面导入Text的时候做如下处理

import { Text } from 'react-native';
const defaultFontFamily = {
    ...Platform.select({
        android: { fontFamily: 'lucida grande' }
    })
};
const oldRender = Text.render;
Text.render = function (...args) {
    const origin = oldRender.call(this, ...args);
    return React.cloneElement(origin, {
        style: [defaultFontFamily, origin.props.style]
    });
};

 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值