Flutter默认字体坑了我们整整一年

如果你用Flutter做iOS应用,默认的系统字体是 SF Pro Text,但是!它在显示中文字的时候,不支持 w500(中等加粗)!

也就是说,你在代码里设置 FontWeight.w500,中文部分可能根本不会变粗!肉眼看几乎跟普通字重没区别...... 这坑我整整一年才发现!😤

对于Together App来说,最典型的就是我们每个页面的标题,我们其实都用了w500,但是默认情况下,标题并不会变粗一点点。

解决方案:

在主题里面手动指定字体'PingFang SC',这样中文也能自动能应用上w500.

less 复制代码
MaterialApp(
    title: "Together",
    theme: ThemeData(
        fontFamily: "PingFang SC",
        //....
    ),
)

加上这个以后,标题自然就能变成恰当的粗细了,当然其他用了w500的地方也一样。

为了解决这个问题,我们当时还特地引入了阿里的普惠体,导致包体积无辜增大了好几个M,真是,无发可说!

总结:

👉 如果你在 iOS 上发现中文 w500 没有变粗,要手动指定 PingFang SC!

👉 别被 Flutter 默认字体坑了!这东西可能让你的 UI 一年都不对劲!🔥🔥🔥

这坑了我一年,别让它坑了你!⚠️ 如果你也遇到过 Flutter 的坑问题,一起在评论区交流一下!🗣️

相关推荐
宇擎智脑科技5 分钟前
Flutter 对接高德地图 SDK 适配鸿蒙踩坑记录与通信架构解析
flutter·架构·harmonyos
嗝o゚34 分钟前
鸿蒙智慧屏与Flutter适配:无硬件功能的兼容处理
flutter·华为·开源·harmonyos
kirk_wang36 分钟前
Flutter media_info插件在OpenHarmony平台的适配实践
flutter·移动开发·跨平台·arkts·鸿蒙
小a杰.40 分钟前
Flutter 后端联动详解
flutter
ujainu2 小时前
Flutter与DevEco Studio结合开发简单项目实战指南
flutter·开发·deveco studio
嗝o゚2 小时前
Flutter 无障碍功能开发最佳实践
python·flutter·华为
嗝o゚3 小时前
Flutter与ArkTS混合开发框架的探索
flutter
小a杰.3 小时前
Flutter国际化(i18n)实现详解
flutter
嗝o゚4 小时前
开源鸿蒙 Flutter 应用包瘦身实战
flutter·华为·开源·harmonyos
小a杰.4 小时前
Flutter 响应式设计基础
flutter