<router-router>工作正常，但会导致问题<page-router-outlet>

Question

​

​

我正在创建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>

我应该怎么做才能使我的应用程序与应用程序版本

这是version with的外观(屏幕1)：这是version with的外观(我希望我的应用程序看起来像这样)(屏幕2)

Answer 1

在page-router-outlet上将actionBarVisibility设置为never以隐藏操作栏。

你的主页组件似乎没有任何布局，这可能是你只看到最后一个按钮的原因，用StackLayout包装它们。