React Native是否具有相对字体大小单位?

时间:2019-04-09 15:44:21

标签: react-native responsive-design

我必须根据当前字体大小设置View的宽度。所以我想知道React Native是否具有Web 1em的类似物?

我找到了PixelRatio的解决方案:

import { PixelRatio } from 'react-native';

// ...

<View style={{ width: 100 * PixelRatio.getFontScale() }} />

但是,在我看来,它过于复杂和晦涩。 有没有更简单干净的方法来解决问题?

谢谢。

1 个答案:

答案 0 :(得分:0)

经过长时间的搜索,我最终在React Native API Reference中找到了答案:

  

width设置此组件的宽度。

     

它的工作方式与CSS中的width类似,但是在React Native中,您必须使用点或百分比。不支持Ems和其他设备。

因此getFontScale()是唯一可能的解决方案。