問題タブ [ionic-react]

ボタンがクリックされたときにボタンの下に表示されるようにポップオーバーを配置しようとしています。この例は、Ion のドキュメント ページにあります。

ただし、このコードは React では提供されておらず、Angular でのみ提供されています。

現在、私のコードは次のようになっています

ポップオーバーは、その上のボタンで切り替えられます。ボタンが押されると、ボタンの上ではなく、ページの中央にポップオーバーが表示されます。ポップオーバーがボタンに関連付けられて表示されるようにするにはどうすればよいですか? (画像のように)

ありがとう

I am just getting to grips with Ionic from a React and Flutter background.

I am trying to achieve a global navigation top bar using Ionic 4 react. The only documentation that looks like it might work is the IonHeader.

I have tried to add this to my root App.tsx component but this does not seem to work as expected. The height of the Toolbar component is not recognised by the other components. I.e., the toolbar overlaps the page content.

Attempt at a global Toolbar from App.tsx:

Dashboard A Component:

The only workaround I can see is to have a navigation bar that I import and use in the IonHeader of each page but things seems really clunky. Is there a way to have one reference to the toolbar in App.tsx? I appreciate there is the obvious CSS hack to pad but I do not want to go down that route if there is a "proper" way of doing thins.

Thanks!

クロム開発者エラー1

コンデンサーによるビルド apkは android 7 で機能しますが、android 4.4、5.1、および 6 では白い画面が表示されます