NativeScript - Templates模板

NativeScript - Templates模板 首页 / NativeScript入门教程 / NativeScript - Templates模板

NativeScript提供了很多现成的模板来创建简单但函数齐全的应用程序。

使用模板

如前所述,可以使用TNS命令的create子命令创建新应用程序。

tns create <app-name> --template <tns-template-name>

tns-template-name是模板的名称。

如果要使用javascript创建具有一个页面而不包含任何自定义样式的模板,请使用以下命令-

无涯教程网

tns create <app-name> --template tns-template-blank

可以使用TypeScript创建上述相同的模板,如下所示-

tns create <app-name> --template tns-template-blank-ts

Navigation 模板

导航模板用于创建中等到复杂的应用程序。它附带带有多个页面预配置SideDrawer组件。SideDrawer组件包含导航UI或常用设置的隐藏视图。

tns create <app-name> --template tns-template-drawer-navigation

Tab 模板

标签导航模板用于创建基于标签的应用程序。它附带带有多个页面预配置TabView组件。使用以下命令创建基于选项卡的应用程序-

tns create <app-name> --template tns-template-tab-navigation

Master-Detail 模板

master-detail模板用于创建基于列表的应用程序以及列表中每个项目的详细页面。

tns create <app-name> --template tns-template-master-detail

自定义模板

要创建简单的自定义模板,无涯教程需要空白模板。正如您已经知道的,NativeScript支持JavaScript、TypeScript、ANGLE和Vue.js模板,因此您可以选择任何语言并创建您的自定义语言。

链接:https://www.learnfk.comhttps://www.learnfk.com/nativescript/nativescript-templates.html

来源:LearnFk无涯教程网

例如,使用下面的命令-从GIT存储库克隆简单的自定义模板

git clone https://github.com/NativeScript/template-blank-ts.git

现在,它将创建移动应用程序结构,以便您可以进行任何更改并运行您的Android/iOS设备。

将Package.json文件放在应用程序模板的根文件夹中。使用格式-提供Name属性的值

{
   "name": "tns-template-blank-ts", 
   displayName": "template-blank", 
}

为Version属性指定值。它在-下面定义

"version": "3.2.1",

为Main属性赋值,指定应用程序的主要入口点。它在-下面定义

"main": "app.js",

为Android属性赋值。它在-下面定义

"android": { 
   "v8Flags": "--expose_gc" 
},

应在代码中指定存储库属性,如下所示-

"repository": { 
   "type": "git", 
   "url": "https://github.com/NativeScript/template-master-detail-ts" 
},

样式文件

使用以下语法-在应用程序模板中导入样式和主题

@import '~nativescript-theme-core/scss/light';

无涯教程还可以使用以下代码-指定自定义背景颜色

/* Colors */ 
$background: #fff; 
$primary: lighten(#000, 13%);

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

人工智能基础课 -〔王天一〕

如何做好一场技术演讲 -〔极客时间〕

TensorFlow快速入门与实战 -〔彭靖田〕

大规模数据处理实战 -〔蔡元楠〕

分布式数据库30讲 -〔王磊〕

跟着高手学复盘 -〔张鹏〕

容量保障核心技术与实战 -〔吴骏龙〕

如何落地业务建模 -〔徐昊〕

中间件核心技术与实战 -〔丁威〕

好记忆不如烂笔头。留下您的足迹吧 :)