解决方案:
1. 文字末尾添加空格
Example: {empIDText + ' '}
before it was like: {empIDText}
2. 设置text组件的fontFamily
<Text style={{fontFamily: ""}}>
3. 设置text组件的textBreakStrategy
有关textBreakStrategy的('simple', 'highQuality', 'balanced')的不同之处,可以参考stack overflow上的问题:https://stackoverflow.com/questions/53236569/what-is-the-difference-between-simple-highquality-balanced-for-textbreakstrate
<Text key={node.key} textBreakStrategy="simple">{node.content}</Text>
4.全局设置text组件的fontFamily
import React, {component} from 'react'
import {View, Platform, Text} from 'react-native';
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]
});
};
