Навигация по нижней панели в Nativescript не работает - PullRequest
Новая
       11

Навигация по нижней панели в Nativescript не работает

1 голос
/ 26 сентября 2019

Я использую https://market.nativescript.org/plugins/nativescript-bottom-navigation#bottom-navigation-bar для реализации нижней панели навигации с использованием Angular.Я попробовал шаги, которые они предоставляли, но, к сожалению, это не работает.Я получаю сообщение об ошибке типа can't find variable MDCBottomNavigationBarDelegate.Я застрял здесь и действительно сомневаюсь, является ли Nativescript хорошей средой по сравнению с другими популярными.Если кто-нибудь здесь знает об этой проблеме, пожалуйста, помогите.

Или есть какие-нибудь хорошие решения для реализации нижней навигации для Android и IOS?

Это то, чего я хочу достичь enter image description here

1 Ответ

0 голосов
/ 26 сентября 2019

Вы можете использовать сборку в TabView собственного скрипта.Используя 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>

И в вашем компоненте 

import { Component, OnInit } from "@angular/core";
import { RouterExtensions } from "nativescript-angular/router";
import { ActivatedRoute } from "@angular/router";

  constructor(
    private router: RouterExtensions,
    private active: ActivatedRoute
  ) {}

  ngOnInit() {
    this.router.navigate(
      [
        {
          outlets: { currentChallenge: ["current-challenge"], today: ["today"] }
        }
      ],
      { relativeTo: this.active }
    );
  }

Обновление вы можете сделать так, чтобы установить значок 

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