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 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。