在<ImageBackground />中顶部对齐图像

Question

我正在尝试使用带有背景图像的屏幕，但是如果图像尺寸无法使其全屏显示，我希望将图像固定在顶部。 RN文档似乎说resizeMode =“ contain”应该可以解决问题，但是由于某些原因，它仍然像resizeMode =“ center”一样使图像居中。有没有办法做到这一点？以下代码不起作用。

<ImageBackground source={defaultImage} style={{ flex: 1 }} resizeMode="contain">

</ImageBackground>

Answer 1

如果要用手机大小填充图像，可以使用' private Either<Void,String> processOrReturnErrorMessage(){ //Do something and in some case return a message of failed conditions return Either.left(Void); } '。

  

stretch：分别缩放宽度和高度，这可能会更改   长宽比

src。

stretch

如果要保持图像比例并将图像保持在顶部，可以使用<ImageBackground source={defaultImage} style={{ flex: 1 }} resizeMode="stretch"> </ImageBackground> 道具。

position