3

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

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

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

...
<IonButtons slot="end">
                        <IonButton onClick={() => setShowPopover(true)} expand="block">
                            <IonIcon icon={more}/>
                        </IonButton>
                    </IonButtons>
                    <IonPopover
                        isOpen={showPopover}
                        backdropDismiss={true}
                        onDidDismiss={() => setShowPopover(false)}>
                        <IonItem>Popover Item</IonItem>
                    </IonPopover>
...

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

ありがとう

4

2 に答える 2