React Native定位的最佳实践,有利于flex的百分比和计算?

时间:2017-03-27 01:54:52

标签: react-native

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

例如:let {height, width} = Dimensions.get('window')

我现在可以使用它来设置100px元素的中心位置:

left: (width/2) - 50

我更喜欢使用更传统的css技术。是不是有理由不这样做?在浏览器中,如果用户调整窗口大小,视口可能会更改,但在移动设备上,视口大小将是静态的。

1 个答案:

答案 0 :(得分:12)

在我看来,尽可能支持声明性和动态解决方案(弹性数字计算)。但它最终是很多应用程序的混合。

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