適用於風景模式ios和android的React-Native不同視圖

Question

1. 建議為小屏幕和大屏幕創建不同布局的做法是什么？
2. 檢測設備屏幕尺寸的方法是什么？

謝謝！

Answer 1

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 }} />