it-swarm.com.de

Wie können Sie schwebende QuickInfos in react native hinzufügen?

Ich entwickle eine Anwendung, die den Benutzer durch eine kurze Tour führt, bevor er zur Hauptseite der Anwendung wechselt (nach der erstmaligen Registrierung). Ich möchte die App-Seiten (über die Tab-Leiste) mit den folgenden Designs überlagern:

 enter image description here

Allerdings hat React Native Overlay in der Vergangenheit viele Fehler hinterlassen - und es hat auch noch nie für mich persönlich funktioniert. Das React Native ToolTip-Modul wird nicht mehr unterstützt und funktioniert auch nicht. Hat jemand dies jemals erreicht? Wenn das so ist, wie? Danke für deinen Rat!

16

Anstatt bereits vorhandene npm-Module zu verwenden, schlage ich vor, Ihr eigenes Material dafür zu schreiben.

ich denke, Modals von Reactor-native würden Ihnen dabei helfen, dies zu erreichen, Sie könnten leicht verschiedene Modals platzieren, die Ihren einführenden Text/Bild enthalten, und Sie können die Sichtbarkeit dieser Texte/Bilder leicht umschalten.

angenommen, Sie überlagern zunächst einen Modal, dessen Deskriptortext für die 'Menü'-Funktion im ursprünglichen Zustand angezeigt wird. Anschließend können Sie die Sichtbarkeit auf "Falsch" setzen, wenn der Benutzer in den Hintergrund klickt und das nächste Element sichtbar macht usw. Das letzte Element, das Sie möchten, wird angezeigt angezeigt werden, können Sie die Sichtbarkeit des Modal selbst auf "false" setzen und mit dem Haupt-App-Flow fortfahren.

klingt das überzeugend? ?

2
Suhail Jain

Haben Sie versucht, Ihre eigene tabBarComponent zu erstellen? https://reactnavigation.org/docs/navigators/tab#TabNavigatorConfig

Sie können das eingebaute tabComponent kopieren und Ihre ToolTip-Komponenten zum Rendern hinzufügen