如何在NativeScript中将按钮固定到底部屏幕

Question

我有一个多页表单，我希望将继续按钮固定在整个表单的一个位置。

下面是一张图片，显示了我正在尝试做的事情。

在简短的页面上，我仍然希望按钮位于底部。与长页面相同，但仍然希望在那里。

有人可以帮助我提供原型吗？

谢谢。

约翰  

Answer 1

您可以使用flexbox来做到这一点。

main {
  height: 400px;
  background-color: limegreen;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.actions {
  background-color: yellow;
  padding: 10px;
  margin: 5px;
}

<main>
  <div class="content">
    <h1>Hello</h1>
    
    <p>Here some content</p>
  </div>
  <div class="actions">
    <button>Submit</button>
  </div>
</main>

Answer 2

以上方法工作正常，您也可以使用网格布局实现相同的用户界面。 如果您知道底视图的高度。

<GridLayout rows="*,40" class="home-panel">
    <Image row="0"  src="{{ url_1 }}" />
    <Image row="1"  src="{{ url_2 }}" />
 </GridLayout>