web-dev-qa-db-ja.com

ネイティブツールでフローティングツールチップを追加するにはどうすればよいですか?

アプリケーションのメインページに移動する前に(最初のサインアップ後)、ユーザーに短いツアーを案内するアプリケーションを開発しています。私がしたいことは、次のデザインで(タブバーを介して表示される)アプリページをオーバーレイすることです。

enter image description here

ただし、Reactネイティブオーバーレイには、多くのエラーが発生した履歴があります。個人的には機能していません。Reactネイティブツールチップモジュールはサポートされなくなり、動作しなくなりました。これを達成した人はいますか?ある場合、どのようにですか?アドバイスありがとうございます!

19

既存のnpmモジュールを使用するのではなく、このために独自のコードを作成することをお勧めします。

反応ネイティブのモーダルはこれを達成するのに役立つと思います。機能紹介テキスト/画像を持つ異なるモーダルを簡単に配置でき、これらのテキスト/画像の可視性を簡単に切り替えることができます。

最初にモーダルをオーバーレイし、最初の状態で「メニュー」機能の記述子テキストがあるとします。次に、ユーザーがバックグラウンドをクリックして次のアイテムを表示するようにしたときの可視性をfalseに設定し、最後のアイテムをオンにします。表示されるようになると、モーダル自体の可視性をfalseに設定して、メインのアプリフローに進むことができます。

それは説得力がありますか? ?

3
Suhail Jain

独自のtabBarComponentを作成してみましたか? https://reactnavigation.org/docs/navigators/tab#TabNavigatorConfig

ビルドイン tabComponent をコピーして、レンダリングするToolTipコンポーネントを追加できます