работает нормально но вызывает проблемы - PullRequest
Новая
       20

работает нормально но вызывает проблемы

0 голосов
/ 12 мая 2019

screen 1 screen 2

Я создаю приложение NativeScript - Angular.У меня была проблема с маршрутизацией внутри моего приложения из-за не работающей кнопки «Назад» (кнопка «Назад» на моем смартфоне должна вернуться на предыдущую страницу, но она выключает мое приложение).

Я использовал в своем файле app.component.html, поэтому я изменил его, и кнопки «Назад» начали работать так, как и предполагалось, но макет моей домашней страницы полностью разрушен - все объекты внутри перекрываются друг с другом иПанель «Предварительный просмотр» ActionBar появляется в одном из. 

<!-- app.component.html -->

<GridLayout class="page">
    <ScrollView>
    <GridLayout rows="80 *" columns="*">
        <FlexboxLayout class="menu">      
<Image class="menu" src="~/app/images/burger.png" width="10%"></Image>
          </FlexboxLayout>
          <ScrollView></ScrollView>
            <GridLayout class="bialy" row="1" rows="*" columns="*">
              <FlexboxLayout>
                  <GridLayout class="space"></GridLayout>
                  <page-router-outlet></page-router-outlet>
                </FlexboxLayout>
            </GridLayout>
          </GridLayout> 
        </ScrollView>
</GridLayout>

<!-- app.css -->

GridLayout.page {
    background: linear-gradient(-85deg, #08BD73, #02A373);
    flex-direction: column;
}
GridLayout.bialy {
    background: white;
    flex-direction: column;
    border-radius: 40 40 0 0;
    justify-content: center;
}

<!-- home.component.html -->
<Button text="Add" [nsRouterLink]="['/new']"></Button>
<Button text="Watering" [nsRouterLink]="['/watering']"></Button>
<Button text="catalog" [nsRouterLink]="['/catalog']" ></Button>

Что мне делать, чтобы сделать мое приложение таким же, как версия приложения с

Так выглядит версия с (экран 1): И вот так выглядит версия с (и я хочу, чтобы мое приложение выглядело так) (экран 2)

1 Ответ

0 голосов
/ 12 мая 2019

Установите actionBarVisibility на never на page-router-outlet, чтобы скрыть панель действий.

Ваш домашний компонент не имеет какого-либо макета, что может быть причиной того, что вы видите только последнюю кнопку, оберните их StackLayout.

...