景观模式ios和android的React-Native不同视图

时间:2015-12-15 20:44:22

标签: react-native

  1. 为其创建不同布局的建议做法是什么? 小屏幕和大屏幕?
  2. 检测设备屏幕尺寸的方法是什么?
  3. 谢谢!

1 个答案:

答案 0 :(得分:0)

1.创建不同布局的建议做法是使用FlexBox,但如果使用FlexBox无法实现此目的,则可以使用Dimensions等。

2.有几种方法可以检测设备的屏幕尺寸,我使用过的主要设备是尺寸。您可以使用Dimensions获取尺寸:

var {
...,
Dimensions
} = React;

var deviceHeight = Dimensions.get('window').height;
var deviceWidth = Dimensions.get('window').width;

<View style={{ width: deviceWidth }} />