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

Question

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

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

在较短的页面上，我仍然想要底部的按钮。与长页面相同，仍然需要它。

谁能帮我做一个原型(prototype)？

谢谢。

约翰

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>