React Native设置字体大小以填充父级

Question

有没有一种方法来设置文本的fontSize来占据所有不合理的空间？

例如我有一个包含多个元素的屏幕，我想在橙色元素中有一个文本，并告诉文本占据所有可用空间（橙色）。

Answer 1

您可以设置font-size: 100%

BUT！此100%基于父元素font-size，而不基于当前元素size。

因此，如果您希望字体充满当前元素，可以采取一种方法：

<div style={{fontSize: `800px`}}>
  <div style={{height: `800px`, fontSize: `100%`}}>
    Some Text
  </div>
</div>

并且您可以根据自己的需求以编程方式使其更加完善。

---

参考：相关质量检查：CSS: 100% font size - 100% of what?

Answer 2

我不知道这是否是最佳答案，但是我认为您可以使用React NativeDimensionsAPI来做到这一点。

查看我在snack.expo.io中创建的示例：

https://snack.expo.io/@luaneduardo/19a766

希望有帮助：）