使用 Nativescript 的 BottomNavigationBar 不起作用答案

【问题标题】：BottomNavigationBar using Nativescript is not working使用 Nativescript 的 BottomNavigationBar 不起作用
【发布时间】：2018-10-07 20:29:08
【问题描述】：

我是 Nativescript 的初学者，我正在尝试在我的项目中使用 BottomNavigationBar。下面是我遵循的步骤。

第 1 步：npm i nativescript-bottom-navigation -> 在我的项目路径上执行第 2 步：在 App_Resources 目录中为 android 和 iOS 添加图标（出于测试目的，我只添加了一个图像“ic_home”，并且我只为所有项目使用了该图标）。第三步：As guided in this link added html file and typescript codes

但我在尝试运行应用程序时遇到错误。请帮助我摆脱困境。

===================
“主”线程上发生未捕获的异常。 com.tns.NativeScriptException：调用 js 方法 onCreateView 失败

TypeError: AHBottomNavigation 不是构造函数文件：“file:///data/data/org.nativescript.bottomsheet/files/app/tns_modules/nativescript-bottom-navigation/bottom-navigation.js，行：22，列：26

===================

【问题讨论】：

标签： android ios cross-platform nativescript bottomnavigationview

【解决方案1】：

为什么不使用 nativescript 选项卡视图？ https://docs.nativescript.org/angular/code-samples/ui/tab-view

我猜你想把标签放在安卓平台的底部？在最新版本的 nativescript (4.0) 中，您现在可以选择通过设置androidTabsPosition="bottom" 将选项卡放在 android 的底部，例如：https://docs.nativescript.org/angular/code-samples/ui/tab-view#tabs-position

【讨论】：

我发现 TabView for android 存在一些问题。你知道当你有超过 5 个标签时你是否可以禁用标签的水平滚动？另外，我发现当使用位置底部时，选项卡在显示时会浮到键盘顶部。
是的，iOS/Android 的当前选项卡实现存在已确认的问题。但是有一个正在进行的计划来创建一个新的选项卡实现，你可以在这里查看跟踪它github.com/NativeScript/NativeScript/tree/tabs-redesign。但在我这边，我使用StackLayout 或GridLayout 创建了一个自定义选项卡。