如何在 NativeScript-Vue 中构建固定页脚？

Question

我想在页面中有一个固定的页脚，但我尝试使用

<StackLayout>

还有一个

position: absolute;
bottom: 0;

在容器父级

position: relative

但什么也没发生。

我试过了

<AbsoluteLayout bottom="0">

然后什么也没发生。

有人知道怎么做吗？谢谢！

Answer 1

<AbsoluteLayout> 将元素绝对放入其中。使用 NativeScript，我们必须使用 Layout Containers 在其中放置元素。

实现您想要的最佳布局：

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>

请学习layout containers documentation。