NativeScript Core with TypeScript 标签导航模板

App模板可以帮助您使用内置UI元素和最佳实践快速启动本地跨平台应用。创建新应用时，节省重复编写样板代码的时间。

具有用于导航的 TabView 组件的 App 模板。

主要功能

• 标签导航
• 五个与标签导航挂钩的空白页面
• 可定制的主题
• UX 和开发最佳实践
• 通过广泛的代码注释易于理解

快速开始

执行以下命令以从模板创建应用

ns create my-tab-ts --template @nativescript/template-tab-navigation-ts

注意：此命令将创建一个新的 NativeScript 应用，该应用使用最新版本的此模板，该模板已发布到 npm。

如果您想创建一个使用模板源（main分支）的新应用，您可以执行以下操作

# clone nativescript-app-templates monorepo locally
git clone [email protected]:NativeScript/nativescript-app-templates.git

# create app template from local source (all templates are in the 'packages' subfolder of the monorepo)
ns create my-tab-ts --template nativescript-app-templates/packages/template-tab-navigation-ts

注意：请记住，main分支可能引用尚未在NPM上提供的依赖项！

教程

架构

应用程序根模块位于

• /app/app-root - 设置标签导航，每个内容项中都有一个单独的导航框架。

模板有以下页面用于标签内容项

• /app/home/home-items-page - 主主页。显示项目列表，并在项目上点击时导航到项目详情页面。
• /app/home/home-item-detail/home-item-detail-page - 项目详情页面。显示点击的项目详情。
• /app/browse/browse-page - 空白页面
• /app/search/search-page - 空白页面

样式

此模板已设置为使用SASS进行样式设置。所有使用的类都是基于{N}核心主题的 - 咨询文档以了解如何自定义它。

它包含3个全局样式文件，位于应用文件夹的根目录

• /app/_app-common.scss - 全局通用样式表。这些样式规则应用于Android和iOS。
• /app/app.android.scss - 全局Android样式表。这些样式规则仅应用于Android。
• /app/app.ios.scss - 全局iOS样式表。这些样式规则仅应用于iOS。

获取帮助

NativeScript框架有一个充满活力的社区，可以在您遇到问题时提供帮助。

尝试加入NativeScript社区Discord。Discord频道是获取帮助调试问题的绝佳场所，同时与其他NativeScript开发者建立联系。

如果您在此模板中发现问题，请在NativeScript存储库中报告问题。

贡献

我们热爱PR，并欣然接受它们。请随意提出更改和新想法。我们将进行审查和讨论，以便它们可以被接受并更好地集成。