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

Question

我希望页面中有固定的页脚，但是我尝试使用

<i class="profile-dot" style="background-image: url(https://i.stack.imgur.com/BVW9D.jpg)">
  <span>CW</span>
</i>

和一个

<StackLayout>

以及容器父级

position: absolute;
bottom: 0;

但是什么也没发生。

我尝试过

position: relative

什么也没有发生。

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

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>

请学习layout containers documentation。