如何在 React Native 中使用百分比填充顶部和底部？

Question

我正在尝试实现动态填充顶部和底部。我知道，paddingTop和paddingBottom与％将使用容器的宽度和我很好的那个。

不幸的是，当我使用 % 将 paddingTop 设置为任何值时，它会将 paddingBottom 设置为相同的值。基本上paddingTop: '5%', paddingBottom: '0%'会在两边给我相等的 5% 填充。

如果我将 paddingBottom 设置为任何 % 值 - 它只是被添加到来自顶部的值。所以：paddingTop: '5%', paddingBottom: '10%'结果paddingBottom等于 15%...

我在一个 web 项目中检查了相同的解决方案，它按预期工作。

出现问题的零食：https : //snack.expo.io/BJ9-2t8LB

问题出在 Android 和 iOS 上。

如何解决？

Answer 1

这是奇怪的行为，您应该将其作为问题提出react-native。

同时，解决方法是将marginTopand应用于marginBottom内部View，而不是paddingTop应用于paddingBottom包装器View。