gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 19:24:35 25 4
gpt4 key购买 nike

我正在尝试实现动态填充顶部和底部。我知道 paddingToppaddingBottom with % 将使用容器的宽度,我对此很好。

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

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

我在一个 web 元素中检查了相同的解决方案,它按预期工作。

出现问题的小吃:
https://snack.expo.io/BJ9-2t8LB

问题出在 Android 和 iOS 上。

如何解决?

最佳答案

这是奇怪的行为,您应该将其作为问题提交给 react-native .

与此同时,一种解决方法是应用 marginTopmarginBottom到内部View , 而不是 paddingToppaddingBottom到 wrapper View .

关于css - 如何在 React Native 中使用百分比填充顶部和底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57892092/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com