Nativescript Vue: Почему положение кода имеет значение в Dock Layout? - PullRequest
Новая
       28

Nativescript Vue: Почему положение кода имеет значение в Dock Layout?

0 голосов
/ 23 октября 2019

Почему следующий код дает такой результат: https://imgur.com/a/lQhLs8o?
Однако, если я переместлю компонент BottomNavigatorBar в верхнее положение до CountryListComponent, он даст желаемый результат, который выглядит следующим образом:https://imgur.com/a/23z7bb2? 

<template>
  <Page actionBarHidden="true">
      <DockLayout height="100%">

         // first
         <CountryListComponent dock="top">

         // second
          <BottomNavigationBar dock="bottom" activeColor="pink"
                            inactiveColor="yellow"
                            backgroundColor="black"
                            verticalAlignment="bottom"
                            @tabSelected="this.changeTab"
                            row="1">
              <BottomNavigationTab title="Fiaarst" icon="icon-29.png" />
              <BottomNavigationTab title="Second" icon="icon-29.png" />
              <BottomNavigationTab title="Third" icon="icon-29.png" />
          </BottomNavigationBar>

      </DockLayout>
  </Page>
</template>

CountryListComponent 

<template>
        <StackLayout backgroundColor="blue">
        </StackLayout>
</template>

1 Ответ

1 голос
/ 23 октября 2019

См. Документацию DockLayout , по умолчанию stretchLastChild будет true, что означает, что BottomNavigationBar будет занимать все пространство, если это последний дочерний элемент, и наоборот.

...