时间戳

首页 > 解决方案 > 路由Nativescript（Angular）时如何不显示导航栏

angular - 路由Nativescript（Angular）时如何不显示导航栏

问题描述

再会，

我想在 Nativescript 中创建一个登录和注册页面。但是当我使用时（见下面的代码）

this.router.navigate(["/register"]);

它向我显示了带有后退按钮的导航中的注册页面。我如何删除顶部导航。我尝试了下面的代码：

this.router.navigateByUrl("/register", { clearHistory: true });

但是当我使用上面的代码时，它会消失，但你会看到白条大约一秒钟，然后它就消失了。导航后如何使其流畅且根本不显示？

标签： angularnativescript

解决方案

如果您想要流畅的体验，请在您的注册组件中执行以下操作。

将flat属性添加到ActionBar标签。

HTML：

<ActionBar flat="true">
    <Label text=" "></Label>
</ActionBar>

然后将 ActionBar 的颜色设置为注册页面背景颜色的颜色（例如：白色）。

CSS：

ActionBar {
    background-color: #00b33c;
}

推荐阅读