react-native-popup-menu を使用して FlatList からポップアップ メニューを呼び出すオプションを探していました。ほとんどの例と github リファレンスは、おそらく、アプリ画面にポップアップ メニューのみを表示し、他には何も表示しないという前提に基づいています。

数十のページにアクセスした後、このページからいくつかの手がかりを得ました: https://github.com/instea/react-native-popup-menu/blob/master/examples/MenuMethodsExample.js

そして、以下の解決策を思いつきました。誰かがそれを改善できるなら、それは良いことです。そうでなければ、私のような他の人がこれが役立つと思うかもしれないという考えでこれを投稿しています.

関連するコードの抜粋を次に示します。

// JS ファイル

react-native バージョン 0.59.3 を使用しています。react-native-popup-menu バージョン 0.59.3 をインストールしようとすると、次のエラーが表示されます。

を使用してreact-native-popup-menu、独自のrendererコンポーネントを作成しました。これは機能コンポーネントなので、要するに次のようになります。

viewAnimationsオープニング アニメーションが含まれています。コードは比較的大きいですが、このスナックで確認できます。

ドキュメントには、「非同期の終了アニメーションを処理するために、close()メニューが閉じる前に呼び出されるメソッドをレンダラーで実装できます。close メソッドは を返す必要があります。Promise」と書かれています。

ContextMenu コードを読みました。これはクラス コンポーネントであり、次のように実装close()します。

関数コンポーネント内に同様のものを実装しようとしましたが、コードが実行されません。うまくいかないと思ったのですが、閉じるときにアニメーションを作成するにはどうすればよいですか? フェードアウトのアニメーションを作りたかったのです。