Nativescript-Angular-Drawer-Template

一个用于快速创建包含抽屉页面的 Nativescript Angular 项目的启动模板。

使用方法

tns create my-project-name --template nativescript-angular-drawer-template

预览

Android

iOS

如何更改菜单项

您可以通过以下方式从 app/modules/shared/side-drawer-page/side-drawer-page.component.ts 文件更改抽屉的菜单项，如下所示

navMenu: any[] = [
    { name: 'Home', commands: ['/'] },
    { name: 'About', commands: ['/about'] },
    { name: 'Contact', commands: ['/contact'] }
];

如何创建新页面

您只需要将新页面的内容模板包装在 <side-drawer-page> 标签内，如下所示

<side-drawer-page>
    <GridLayout>
        <Label text="Hello World"></Label>
    </GridLayout>
</side-drawer-page>

您可以参考主页、联系或关于示例模块进行参考。