NativeScript: изображение с наложением текста | GridLayout не подходит для контента

Question

У меня проблемы с компоновкой NativeScript.

Мне не нужен этот вид, просто с наложением текста на изображение.

Изображение выше было сделано только с изображением внутри StackLayout, но когда я добавляю ярлык, он помещается ниже. Я попытался использовать position: absolute в css, но это не сработает.

Когда я использую 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="*"