react-native - React Native 的定位、百分比和计算优于 flex 的最佳实践？

Question

来自网络背景，绝对定位元素并根据窗口尺寸计算它们在布局中的位置(或不可能)被认为是不好的做法。在 react-native 中，我们可以通过 React.Dimensions 访问视口(viewport)的尺寸。 .

例如:let {height, width} = Dimensions.get('window')
我现在可以通过设置它来使用它来居中 100px 元素:
left: (width/2) - 50
我更喜欢使用更传统的 css 技术。有理由不这样做吗？在浏览器中，如果用户调整窗口大小，视口(viewport)可能会改变，但在移动设备上，视口(viewport)大小将是静态的。

Answer 1

在我看来，尽可能支持声明性和动态解决方案(灵活计算数字)。但对于许多应用程序来说，最终两者兼而有之。

这个blog post比较了 react native 中的一些布局方法，可以帮助您更好地理解何时使用什么。