Nativescript Template

https://leevikopakkala.github.io/nativecript-template/

带有sideDrawer和tabview

这是具有改进结构的最终模板，可帮助您立即启动第一个应用程序或客户项目。

概述

我们都知道在能够添加功能之前，在设置项目和创建功能基础的缓慢过程中。使用此模板，您可以使用sideRrawer和tabview从包装盒中获得及格的应用程序。

非常适合初学者和专业人士。

使用最佳实践，立即开发您的第一个真实移动应用程序。

由NativeScript sieldrawer和TabView组成的Nativescript模板：

对此模板中使用的单个插件的引用：

• https://market.nativecript.org/plugins/tns-template-drawer-navigation-ngigation-ng
• https://market.nativecript.org/plugins/tns-template-blank-ng
• https://market.nativecript.org/plugins/tns-template-tab-navigation-ng

安装：

快的：

1. 安装node.js https://nodejs.org/

2. 安装NISTICECRIPT CLI npm install -g nativescript

3. 检查Nativecript CLI是否正在工作tns

4. 安装Android Studio（或iOS等效）https://developer.android.com/studio/

• 4.1打开Android Studio-> AVD Manager->创建模拟器

5. （可选但有用）安装https://www.nativescript.org/nativecript-sidekick

跑步：

1. git clone https://github.com/LeeviKopakkala/Nativescript-Template

2. cd Nativescript-Template

3. tns device android --available-devices或tns device ios --available-devices

4. tns run android / tns run android --device {device name}或tns run ios /`tns run ios -device {设备名称}

如果使用助手

4. 开放的搭档

• 4.1添加项目

• 4.2选择模拟器

• 4.3运行

建筑学

RADSIDERRAWER组件被设置为应用程序起点：

• /app-component.ts -component.ts-设置侧面抽屉内容，并为页面定义页面路由器插座。

RadsidedRawer具有以下组件结构：

• RadSideDrawer在页面上显示抽屉的组件。
• tkDrawerContent指令 - 标记将保存抽屉内容的组件。
• tkMainContent指令 - 标记将保存App Main内容的组件。

这些文件夹中有五个空白组件：

• /browse
• /featured
• /home
• /search
• /settings

造型

此模板设置为使用SASS进行样式。所有使用的类均基于{n}核心主题 - 咨询文档，以了解如何自定义。检查一下，看看可以在哪个组件上使用哪些类。

它具有4个全局样式文件，该文件位于App文件夹的根部：

• _app-variables.scss保留在每个组件样式上导入的全局SASS变量。
• _app-common.scss全局通用样式表。这些样式规则应用于Android和iOS。
• app.android.scss全局Android样式表。这些样式规则仅适用于Android。
• app.ios.scss全局iOS样式表。这些样式规则仅适用于iOS。