Image widget does not stretch to parent container

[CarbonPool]

Rectangle {
    background: black;
    HorizontalLayout {
        alignment: center;
        Image {
            source: root.image-source;
            image-fit: contain;
        }
    }
}

Rectangle fills the height by default, but image does not. I need to automatically fill the height of the image while maintaining the aspect ratio of the original image.

[ogoffart]

you can use width:100%; height:100%; on the Rectangle

[CarbonPool]

you can use width:100%; height:100%; on the Rectangle
The Rectangle is automatically filled with the remaining height of the outer container, and I can't set the height for it...

[CarbonPool]

VerticalBox {
    HorizontalBox {  ... }
    Rectangle {
        background: black;
        HorizontalLayout {
            alignment: center;
            Image {
                source: root.image-source;
                image-fit: contain;
            }
        }
    }
    HorizontalBox {  ... }
}

Maybe the layout structure is like this, consisting of three parts: top, middle and bottom. The Rectangle is the maximum height that is automatically filled. I hope that the image inside it will maintain the same height and proportion.

[CarbonPool]

When I remove alignment: center， the picture height is normal, what is the reason?