web-dev-qa-db-fra.com

Comment ajouter des info-bulles flottantes dans réagit natif?

Je développe une application qui guide l'utilisateur à travers une courte visite guidée avant de passer à la page principale de l'application (après la première inscription). Ce que je voudrais faire est de superposer les pages suivantes de l'application (vues via la barre de tabulation) avec les designs suivants: 

 enter image description here

Cependant, React Native Overlay a laissé de nombreuses erreurs dans son sillage - cela n’a jamais fonctionné pour moi personnellement. Le module React Native ToolTip n'est plus pris en charge et ne fonctionne pas non plus. Quelqu'un a-t-il déjà accompli cela? Si c'est le cas, comment? Merci pour votre conseil!

16
Robert Tomas G IV

Plutôt que d'utiliser des modules npm déjà existants, ce que je suggère est d'écrire votre propre matériel pour cela.

je pense que les modaux de react-native vous aideraient à atteindre cet objectif, vous pouvez facilement placer différents modaux qui auraient votre texte/image d'introduction de fonctionnalité et vous pourriez facilement continuer à basculer la visibilité de ces textes/images.

disons que vous superposez d'abord un modal qui, dans l'état initial, a un texte descripteur pour la fonction 'menu', puis vous pouvez définir sa visibilité sur false lorsque l'utilisateur clique en arrière-plan et rendre visible l'élément suivant, etc. s’affichent, vous pouvez définir la visibilité de Modal lui-même sur false et poursuivre avec le flux principal de l’application.

cela semble-t-il convaincant? ?

2
Suhail Jain

Avez-vous essayé de créer votre propre tabBarComponent? https://reactnavigation.org/docs/navigators/tab#TabNavigatorConfig

Vous pouvez copier tabComponent et ajouter vos composants ToolTip pour le rendu.

0