Скрыть кнопки табуляции в Nativescript-Angular TabView - PullRequest
Новая
       38

Скрыть кнопки табуляции в Nativescript-Angular TabView

0 голосов
/ 01 декабря 2018

Я пытаюсь найти способ убрать кнопки вкладок на элементе с приложением Angular 6, но пока безрезультатно.По сути, я хочу сохранить только содержимое вкладки и их функции смахивания.

Очевидно, что вы можете использовать определенные методы для Android и iOS, но я не уверен, как это сделать. 

<TabView [(ngModel)]="tabSelectedIndex" (selectedIndexChanged)="onSelectedIndexChanged($event)" (loaded)="tabViewLoaded($event)">
    <ng-container *ngFor="let article of articles" #tabView>
        <StackLayout *tabItem="{title: article.id}">
            <StackLayout>
                <NewsDetails></NewsDetails>
            </StackLayout>
        </StackLayout>
    </ng-container>
</TabView>

В моем файле .ts я могу найти ссылку на элемент, подобный этому: 

@ViewChild("tabView") tabView: ElementRef;

ngAfterViewInit() {
    console.dir(this.tabView.nativeElement);
}

Но я понятия не имею, что теперь делать.Есть идеи?Все предыдущие вопросы по этому поводу не сработали.

Вот пример ссылки на игровую площадку: https://play.nativescript.org/?template=play-ng&id=iK9ZTM

1 Ответ

0 голосов
/ 01 декабря 2018

Используйте приведенный ниже код с загруженным событием TabView. 

onTabViewLoaded(event: EventData) {
   const tabView = <TabView>event.object;
   if (isIOS) {
     tabView.viewController.tabBar.hidden = true;
   }
   if (isAndroid) {
     const tabLayout = tabView.nativeViewProtected.tabLayout;
     tabLayout.getLayoutParams().height = 0;
     tabLayout.requestLayout();
   }
}

Я недавно сделал это для примера работы, которую я разместил в Uplabs

...