反应原生 - paddingTop与百分比值不起作用

Question

参考react native padding top doc

  

paddingTop就像CSS中的padding-top一样。有关详细信息，请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top。

并且css link在padding-top中有一定比例，但它在反应原生中不起作用，

如何在paddingTop中添加百分比反应原生？

Answer 1

React Native支持自v0.42.3（changelog）以来的百分比值。您可以参考此commit。

Answer 2

无法在本机css中指定百分比。

通过获取屏幕尺寸并将其转换为百分比来指定百分比。

示例示例：

const { height } = Dimensions.get('window');

paddingTop: height * 0.1 // 10 percentage of the screen height

Answer 3

在React Native中，

用于填充顶部：“ 5％” 截至2019年4月17日，只有％有效，数字和字符串中的最新数字无效。