React native 禁止字体跟随系统字体大小缩放

本文介绍如何在React-Native项目中禁止字体自动缩放,通过修改Android的MainActivity.java和iOS的RCTFont.mm文件实现,确保应用在不同设备上的一致性表现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

转自:https://blog.youkuaiyun.com/xxlyzgt/article/details/82492342

修改 MainActivity.java 文件

import android.content.res.Configuration;
import android.content.res.Resources;

public class MainActivity extends ReactActivity {

    ...

    // 禁止字体缩放
    @Override
    public Resources getResources() {
        Resources res = super.getResources();
        Configuration config=new Configuration();
        config.setToDefaults();
        res.updateConfiguration(config,res.getDisplayMetrics());
        return res;
    }
}

 

iOS 更改 React-Native 框架中 RCTFont.mm (在ios工程里搜索这个文件)

然后将

# 282行

if (scaleMultiplier > 0.0 && scaleMultiplier != 1.0) {

    fontSize = round(fontSize * scaleMultiplier);

}

替换为


if (scaleMultiplier > 0.0 && scaleMultiplier != 1.0) {

    fontSize = round(fontSize);

}

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值