NativeScript：带有文本叠加层的图像| GridLayout不适合内容

Question

我在处理NativeScript布局时遇到问题。

我不想要这种外观，只是在图像上覆盖了文字。

上面的图像只是在StackLayout中创建的，而当我添加Label时，它被放置在下面。我尝试在CSS中使用position：absolute，但这是行不通的。

当我像这样使用GridLayout时：

    <CardView class="cardStyle" shadowRadius="10" margin="10" elevation="50" radius="10">
        <GridLayout rows="*">
            <GridLayout rows="*" columns="*">
                <Image class="card-img" stretch="aspectFit" src="~/app/assets/pull.jpg"></Image>
                <GridLayout verticalAlignment="bottom">
                    <Label text="hallo" class="card-header"></Label>
                </GridLayout>
            </GridLayout>
        </GridLayout>
    </CardView>

布局不包裹图像的高度，如上图所示。

我该怎么办？

Answer 1

尝试用rows="auto"代替rows="*"