如何在 iOS 中显示底部导航栏和在 Android 中显示顶部导航栏（NativeScript Angular）？答案

【问题标题】：How to display Bottom Navigation bar in iOS and Top Navigation bar in Android (NativeScript Angular)?如何在 iOS 中显示底部导航栏和在 Android 中显示顶部导航栏（NativeScript Angular）？
【发布时间】：2020-11-02 06:43:23
【问题描述】：

我使用tns-template-tab-navigation-ng 生成模板。我的目标是制作一个 WhatsApp 克隆，在 iOS 中它是底部导航栏，在 android 中它是顶部导航栏。我想知道如何在 android 中将其显示为 TopNav。

Link for template

【问题讨论】：

标签： javascript android angular typescript nativescript

【解决方案1】：

您可以使用两个模板：

app.component.ios.html

<BottomNavigation>
  ...
</BottomNavigation>

app.component.android.html

<Tabs>
  ...
</Tabs>

【讨论】：

是的，我就是这样做的。谢谢