首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >本机字体大小与图中的模拟不匹配

本机字体大小与图中的模拟不匹配
EN

Stack Overflow用户
提问于 2022-06-29 06:22:24
回答 1查看 310关注 0票数 1

我有一个为iPhone 11 Pro设计的Figma模拟和375x812像素的WxH。即使在相同的fontSize模型上运行running时,我也无法使用React属性来匹配Figma字体大小。例如,如果我在图中使用的字体大小为14‘t,那么Reactinative14的fontSize就不匹配了。没有明显的缩放因子与之相匹配(例如,3倍的比例因子太大了)。

我如何从图的字体大小到反应的本机字体大小?

编辑:在同一台设备上运行的我的应用程序和Figma截图显示,应用程序中的所有UI元素(包括文本)都比Figma小10%。

EN

回答 1

Stack Overflow用户

发布于 2022-06-29 06:40:42

代码语言:javascript
运行
复制
import { Dimensions } from 'react-native';

const { width, fontScale } = Dimensions.get("window");

const styles = StyleSheet.create({
    fontSize: idleFontSize / fontScale,
});

fontScale将根据您的设备获得规模。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72796648

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档