Как создать фиксированный нижний колонтитул в NativeScript-Vue?

Question

Я хотел бы иметь фиксированный нижний колонтитул на странице, но я попытался с

<StackLayout>

и

position: absolute;
bottom: 0;

и в родительском контейнере

position: relative

но ничего не произошло.

Я пытался с

<AbsoluteLayout bottom="0">

, и больше ничего не случилось.

Кто-то знает, как это сделать?Спасибо!

Answer 1

<AbsoluteLayout> помещает элементы абсолютно внутри него .С NativeScript нам нужно использовать контейнеры макетов для размещения элементов внутри них.

Лучшие макеты для достижения того, что вы хотите zare:

1) <DockLayout>, например

<DockLayout>
  <Label dock="bottom" height="60" backgroundColor="yellow" text="footer"/>
  <Label text="rest of the content"/>
</DockLayout>

2) <GridLayout>, например

<GridLayout columns="*, 60">
  <Label col="0" text="rest of the content"/>
  <Label col="1" text="footer"/>
</GridLayout>

Пожалуйста, ознакомьтесь с документацией макетов контейнеров .