Как исправить кнопку на нижнем экране в NativeScript

Question

У меня есть многостраничная форма, и я хотел бы, чтобы кнопка продолжения была зафиксирована в одном месте по всей форме.

Ниже приведен рисунок, который показывает, что я пытаюсь сделать.

На коротких страницах мне все еще нужна кнопка внизу.То же самое с длинными страницами, все еще хочу его там.

Может кто-нибудь помочь мне с прототипом?

Спасибо.

Джон

Answer 1

Выше работает нормально, вы также можете получить тот же пользовательский интерфейс с сеткой.если вы знаете высоту вида снизу.

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

Answer 2

Вы можете использовать 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>