React-native ImageBackground：根据调整大小模式，图像未放置在同一位置

Question

我想使用带有固定背景图像的选项卡（来自本机）。我设置了一个BackgroundImage，用于包装Tab和Tabs元素。

代码是：

 <ImageBackground style={{height: "100%"}} source={backgroundImage} resizeMode={'contain'}>
   <Tabs style={{height: "100%"}} page={this.state.page}>
        <TransparentTab>
            <ProfilPersonality />
        </TransparentTab>

        <TransparentTab>
            <Softskill />
        </TransparentTab>

        <TransparentTab>
            <RestitCards />
        </TransparentTab>
    </Tabs>
</ImageBackground>

此代码没有执行我想要的操作，因为图像背景不在屏幕顶部，我尝试将absolute放置在top: 0位置，但它没有任何改变。这是显示错误位置的屏幕截图：

如果我将resizeMode从包含更改为重复（不进行任何更改），则图像已正确定位。这是正确定位的图像的截图，但重复出现：

为什么会出现这种现象，如何将图像放置在顶部而不被重复？

Answer 1

将高度设置为100%的插图，您可以尝试将with设置为'100％'，并将aspectRatio设置为图像的纵横比。那应该给您您想要的效果。