如何在 nativescript 应用程序中实现“BottomNavigation”元素?

Posted

技术标签:

【中文标题】如何在 nativescript 应用程序中实现“BottomNavigation”元素?【英文标题】:How to implement 'BottomNavigation' element in a nativescript application? 【发布时间】:2022-01-24 05:27:54 【问题描述】:

我有一个使用 Angular NativeScript 编写的工作项目,现在我想使用“BottomNavigation”添加一些选项卡。我查看了文档,它看起来很简单,但是当我将代码添加到我的项目时,所有选项卡只是相互重叠,我没有看到任何选项卡,就好像我只是将页面放在另一个页面上一样。我错过了什么?我应该怎么做才能使用底部导航?我尝试创建一个新的 helloe world 项目并添加底部导航,但我得到了相同的结果。但是,当我创建一个“标签”项目时,它确实有适当的标签。

我怀疑它与 N 版本有关。我最近更新到最新版本(8.1.5),有很多麻烦。这个版本还支持底部导航吗?我怎样才能让它工作?

【问题讨论】:

【参考方案1】:

好吧,我找到了解决方案。如果将来有人会遇到同样的问题: 是版本问题。从版本 8 开始,您应该按照此处所述手动添加包: https://github.com/nativescript-community/ui-material-components/tree/master/packages/bottom-navigation#installation

【讨论】:

以上是关于如何在 nativescript 应用程序中实现“BottomNavigation”元素?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Nativescript 中实现 XMPP 通信?

如何使用 nativeScript 制作聊天应用程序? [关闭]

如何让 Nativescript-ui-sidedrawer 进行横向导航?

如何在 vue 组件中实现 typescript 代码?

NativeScript for Android App 中的 Kiosk 模式

Nativescript-vue 实现字体图标不起作用