NativeScript:具有文本覆盖| GridLayout的图像不适合内容

NativeScript:具有文本覆盖| GridLayout的图像不适合内容,nativescript,angular2-nativescript,Nativescript,Angular2 Nativescript,我在使用NativeScript布局时遇到问题 我不想要这种外观,只是在图像上覆盖一个文本。 上面的图像是用StackLayout中的一个图像制作的,但是当我添加一个标签时,它会被放置在下面。我试着在css中使用position:absolute,但这行不通 当我像这样使用GridLayout时: <CardView class="cardStyle" shadowRadius="10" margin="10" elevation="50" radius="10">

我在使用NativeScript布局时遇到问题

我不想要这种外观,只是在图像上覆盖一个文本。

上面的图像是用StackLayout中的一个图像制作的,但是当我添加一个标签时,它会被放置在下面。我试着在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>
布局没有如上图所示包裹图像的高度


我能做什么?

试一下rows=auto而不是rows=*

谢谢,很简单:D