Ionic 3 Super Tabs 显示黑屏

Question

我正在尝试为 ionic 3 使用超级标签，但它只显示黑屏，而且标签加载不正确（如图所示）。为什么会发生这种情况？

app.module.ts

import { SuperTabsModule } from 'ionic2-super-tabs';

@NgModule({
  imports: [
    ...
    SuperTabsModule.forRoot()
 ],

tabs.html

<super-tabs>
  <super-tab [root]="tab1Root" title="Home" icon="home"></super-tab>
  <super-tab [root]="tab2Root" title="About" icon="information-circle"></super-tab>
  <super-tab [root]="tab3Root" title="Contact" icon="contacts"></super-tab>
</super-tabs>

Answer 1

安装早期版本的 super tab 当前版本有时会出现问题，这对我有用。运行命令

npm install ionic2-super-tabs@4.1.0 --save

然后重新启动应用它应该会清除它。

Answer 2

我在 iOS（黑色背景）上遇到了这个问题。我解决了将所有 html 内容放入 ion-content 组件中的问题。

<ion-content>  ...mypage...    </ion-content>

Ionic 3 Super Tabs 显示黑屏

Ionic 3 Super Tabs Showing Black Screen

android

ios

ionic-framework

ionic3

ionic-tabs