2

我有组件层次结构

<Component1>
  <Component2>
    <Component3>
      <Image
       ....
      >
    </Component3>
  </Component2>
<Component1>

Component1 和 Component2 有一些高度。

现在如何在全屏显示图像，嵌套在 3 个组件中，每个组件都有一定的高度，而不管其父组件的高度如何？

如果我将图像作为 flex:1，它只会在 Component3 的 flexbox 中调整自身，而我想全屏显示图像。

目前我的图像风格是：

image: {
        position: 'absolute',
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
    },

并且调整大小模式设置为“覆盖”

它的容器（Component3）样式：

container: {
        alignItems: 'center',
        justifyContent: 'center',
    },
4

0 回答 0