在React Native中具有resizeMode ='contain'的ImageBackground的位置

时间:2018-12-10 23:39:17

标签: react-native


我是React-native的新手,我有一个非常简单的问题(至少我认为是这样)。

我有一个resizeMode='contain'的ImageBackground,现在我想将背景放置在容器的顶部...

<ImageBackground style={styles.imageBackground} source={backgroundImage} resizeMode='contain'> 
... some content 
</ImageBackground>

图像以正确的方式呈现,但问题是它是垂直居中的,相反,我想使其顶部对齐...

This is an example of the result of my ImageBackground

This is an example of the result with the bottom added to ImageStyle

1 个答案:

答案 0 :(得分:0)

INotifyPropertyChanged组件中,图像未垂直居中,而是完全定位以填充容器。您可以检查来源here。它显示为垂直居中的原因可能是由于resizeMode ImageBackground。要使其顶部对齐,您可以使道具contain的用户可以设置为以下内容:

imageStyle