【问题标题】:React-Native: Text is rendering differently in different mobile phonesReact-Native:文本在不同手机中呈现不同
【发布时间】:2023-03-20 01:10:02
【问题描述】:

这是我用来渲染文本的样式

 TEXT_B16: {
    fontFamily: 'OpenSans-Bold',
    fontWeight: fontWeight,
    fontSize: 16,
    lineHeight: 22,
},

输出如下,

三星

一加

iPhone 12 Pro Max

iPhone 6

尽管Styling 相同,但不同屏幕中的fontSize 和fontWeight 是不同的。

这是在移动应用中发生的自然现象,还是有什么方法可以在多个设备之间实现某种统一?

(请原谅更大的图像。如果我压缩则很难识别差异)

谢谢。

【问题讨论】:

    标签: react-native density-independent-pixel ppi


    【解决方案1】:

    在你的文本组件中禁用allowFontScaling

    <Text allowFontScaling={false} />
    

    【讨论】:

    • 结果还是一样。有其他选择吗?
    猜你喜欢
    • 1970-01-01
    • 2021-10-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-25
    • 2021-11-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多