阵营原住民 - 宽度和高度

Question

我有一个宽度和高度的问题在反应本地人。我设置了View与宽度高度50，在我自己的设备（华为P9加）它看行不行。然后我改变做大设备（华为mate9），View变得更大。我只是想知道这是正常的吗？或者有一些设置可以让所有设备具有相同的外观。 感谢了很多。

Answer 1

如果你想在所有设备上使用相同的outlook，那么你必须给出高度和宽度的百分比值。像，首先你必须输入Dimensions在你的文件

import { Dimensions } from "react-native"; 

之后定义deviceWidth和deviceHeight，

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

然后使用deviceHeight和deviceWidth为高度和宽度如下，

width : deviceWidth * percentageYouWant/100 

这里percentageYouWant'是器件的宽度的百分比。那么您使用哪种设备将从该设备获取宽度。

Answer 2

对于所有设备相同的前景，你必须给高度和宽度的百分比值。喜欢，先导入尺寸在您的文件中

import“Dimensions”from“react-native”;

该define **deviceWidth** and **deviceHeight**,

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

，然后经过通过这个变量在视风格其中其相应必需的，因为它会自动把你的装置的宽度和高度，并调整图。 通过将公式应用于自定义视图（大小变化），您也可以使用此变量。 比如，对于样式，你可以通过宽度为：

width: deviceWidth/2; 

这上面例如。将自动获取设备宽度的半宽度

Answer 3

这是完全正常的，因为它在official documentation“在原生反应中的所有尺寸都是无单位的并且表示与密度无关的像素”中解释，所以具有不同尺寸和不同DPI的不同设备将呈现不同。 如果您想要相同的外观和感觉，您可以使用flex或百分比，如上所述