Javascript Nativescript中的底部栏导航不工作

我正在使用Angular实现底部导航栏。我尝试了他们提供的步骤，但不幸的是它不起作用。我遇到了一个错误，如

找不到变量MDCBottomNavigationBarDelegate

。 我被困在这里，我真的怀疑Nativescript是否是一个比其他流行框架更好的框架。如果这里有人知道这个问题，请帮助

或者有什么好的解决方案来实现Android和IOS的底部导航

这是我想要实现的

---

您可以使用本机脚本的内置选项卡视图。通过使用

androidTabsPosition=“bottom”

可以设置它的位置

<TabView
  androidTabsPosition="bottom"
  androidSelectedTabHighlightColor="#7c015d"
  selectedTabTextColor="#7c015d"
>
  <StackLayout *tabItem="{ title: 'Today' }">
    <router-outlet name="today"> </router-outlet>
  </StackLayout>
  <StackLayout *tabItem="{ title: 'Current Challenge' }">
    <router-outlet name="currentChallenge"> </router-outlet>
  </StackLayout>
</TabView>

更新您可以这样做来设置图标

<StackLayout *tabItem="{title: 'Title', iconSource:'res://icon'}">

---

您可以使用本机脚本的内置选项卡视图。通过使用

androidTabsPosition=“bottom”

可以设置它的位置

<TabView
  androidTabsPosition="bottom"
  androidSelectedTabHighlightColor="#7c015d"
  selectedTabTextColor="#7c015d"
>
  <StackLayout *tabItem="{ title: 'Today' }">
    <router-outlet name="today"> </router-outlet>
  </StackLayout>
  <StackLayout *tabItem="{ title: 'Current Challenge' }">
    <router-outlet name="currentChallenge"> </router-outlet>
  </StackLayout>
</TabView>

更新您可以这样做来设置图标

<StackLayout *tabItem="{title: 'Title', iconSource:'res://icon'}">

但是这里我们如何添加图标您也可以在TabView中添加图标。但是这里我们如何添加图标您也可以在TabView中添加图标。这听起来好像没有安装依赖项。确保运行干净的构建。如果您使用的是预览应用程序，请使用

tns run

对该问题进行任何更新？听起来好像没有安装依赖项。确保运行干净的构建。如果您正在使用预览应用程序，请使用

tns run

此问题的任何更新？