問題タブ [ionic-tabs]

アプリにタブ ビューがあるという要件があります。4 番目のタブにはポップオーバーがあり、そのポップオーバーにはタブとして機能する 3 つのメニューがさらに含まれており、他の 3 つのタブのように開く必要があります。

試してみましたが、ポップオーバー ページをタブ ビュー内のルート ページとして設定していないため、ページが表示されません。

tabs.html

tabs.ts

tabPopover.html

tabPopover.ts

助けていただければ幸いです！

Ionic 4を使用しており、タブ レイアウトを使用しています。

次のようなタブ項目を設計する必要があります

この場合、tabs.page.html は次のようになります。

ボタンを丸くするためのCSSは次のとおりです

これは、開発中にブラウザー (上の画像) で問題なく表示されます。しかし、apk を生成すると、Android デバイスでは下の画像のようになります。上部がページ ビューの下にクリップまたは非表示になっています。

z-index 値を増やしてみましたが、うまくいきませんでした。

以下のcssを適用しようとしましたが、うまくいきませんでした。

*.scss

*.html