React Native TEXT 组件文字显示不全异常解决（小米文字显示不全：小米10 ,Redmi k30出现）

开发中发现一处text组件显示文字，总是丢末尾几个字符的异常。就很疑惑，拿小米11ultra(12.0.9)和小米8(12.0.3)测试正常，小米10（miui12.0.11）和redmi k30会异常。

字体都是如下图这个小米兰亭pro。

解决方法：

全局设置如下代码（记得import Platform跟Text）

const defaultFontFamily = {
...Platform.select({
android: {fontFamily: ''}
})
};

const oldRender = Text.render;
Text.render = function (...args) {
const origin = oldRender.call(this, ...args);
return React.cloneElement(origin, {
style: [defaultFontFamily, origin.props.style]
});
};

问题解决！

React Native TEXT 组件文字显示不全异常解决（小米文字显示不全：小米10 ,Redmi k30出现）相关推荐

React Native Text 组件显示不全解决方案
github上此问题的讨论传送门 BUG 体现效果(左出问题安卓真机,右ios模拟器) 设置 minWidth 无法自动撑开 View,除非 minWidth 设置得大些发生场景这个解决方法不一 ...
React Native－6.React Native Text组件，多组件封装实战之凤凰资讯页面
现来个图:没图说个xx 先来分析怎么做一个导航栏一个列表一个摘要列表大体可以分为上中下三个模块,那么我们从上到下一次封装. 我们来搞出些事情创建.js文件,一个组件一个.js文件我们通过命 ...
移动跨平台框架React Native状态栏组件StatusBar【16】
前端江太公 React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一.React Native 采用不同的方法进行混合移动应用开发.它不会生成原生 UI 组件,而是 ...
GitChat · 移动开发 | 征服React Native—列表组件
GitChat 作者:Li Luo 原文:征服React Native-列表组件关注公众号:GitChat 技术杂谈,一本正经的讲技术前言移动应用往往受限于屏幕大小,而数据内容长度的不确定性,在 ...
React Native 下载组件以及npm常用命令
一.React Native 下载组件: RN的组件都是需要从网上下载的.正常来说,我们通过npm start打开服务器之后,直接用npm下载即可.常用的组件,例如按钮,滚动等,都是可以直接下载的.下 ...
Android之React Native 中组件的生命周期
React Native 中组件的生命周期概述就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle).所谓生命周期,就是一个对 ...
ios 前端时间显示NaN异常解决办法
ios 前端时间显示NaN异常解决办法参考文章: (1)ios 前端时间显示NaN异常解决办法 (2)https://www.cnblogs.com/panda-yichen/p/11040196. ...
【360安全卫士显示界面异常解决】
360安全卫士显示界面异常解决问题/解决首先打开360安全卫士,单击三横杠选择设置选择界面缩放,开启主界面自动缩放功能,点击确定 4.此时360安全卫士界面就显示正常了
CAM350技巧【导入gerber文件】【单位尺度设置】【CAM测量】【操作说明与快捷键】【Cam350显示钻孔异常解决】
导入gerber文件(板厂返回或者他人设计文件) gerber文件不能够直接打开,需要用cam350软件的导入功能来打开,如下: 这节摘录于:http://wenku.baidu.com/link?u ...

React Native TEXT 组件文字显示不全异常解决（小米文字显示不全：小米10 ,Redmi k30出现）

React Native TEXT 组件文字显示不全异常解决（小米文字显示不全：小米10 ,Redmi k30出现）相关推荐

最新文章

热门文章

React Native TEXT 组件文字显示不全 异常解决（小米文字显示不全：小米10 ,Redmi k30出现）

React Native TEXT 组件文字显示不全 异常解决（小米文字显示不全：小米10 ,Redmi k30出现）相关推荐

最新文章

热门文章

React Native TEXT 组件文字显示不全异常解决（小米文字显示不全：小米10 ,Redmi k30出现）

React Native TEXT 组件文字显示不全异常解决（小米文字显示不全：小米10 ,Redmi k30出现）相关推荐