使用Nativescript的BottomNavigationBar不起作用

时间:2018-04-27 03:36:52

标签: android ios cross-platform nativescript bottomnavigationview

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

第1步:npm i nativescript-bottom-navigation - >在我的项目路径上执行 第2步:添加图标(至于测试目的,我只添加了一个图像'ic_home',我只使用了所有项目的图标)for android& App_Resources目录中的iOS。 第3步: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,line:22,column:26

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

1 个答案:

答案 0 :(得分:1)

为什么不使用nativescript Tab View? https://docs.nativescript.org/angular/code-samples/ui/tab-view

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