我正在尝试找到一种方法来使用 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);
}
但我不知道从现在开始该做什么。有任何想法吗?之前所有与此相关的问题均无效。
这是一个示例游乐场链接:
将下面的代码与 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 https://www.uplabs.com/posts/doctriod-health-care-app
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)