React本机字体大小不匹配Figma模拟

Question

我有一个为iPhone 11 Pro设计的Figma模拟，WXH为375x812像素。即使在同一iPhone模型上运行React Native时，我也无法使用React Native的样式属性来匹配FIGMA字体大小。例如，如果我在FIGMA A fontsize中使用14中的14px的字体大小，则在React Native中的14个大小与之匹配。没有明显的缩放因子匹配的因素（例如3倍尺度因子太大）。

如何从FIGMA字体尺寸到React本机字体大小？

编辑：在同一设备上运行的我的应用程序和无花果的屏幕截图表明，在应用程序中， All UI元素（包括文本）比无花果小〜10％。

Answer 1

import { Dimensions } from 'react-native';

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

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

Fontscale将根据您的设备获得比例。