0
votes

Comment ajouter SplashScreen?

Je veux ajouter une splashscreen à mon code avant que l'Homescreen ne vienne.

Ceci est mon nouveau fichier SplashScreen.js xxx

Ceci est mon nouveau fichier App.js xxx
Si vous souhaitez vérifier mes autres écrans et fichiers, vous pouvez vérifier ceci LIEN .
Je souhaite ajouter le fichier SplashScreen que j'ai créé à mon code existant sans affecter la fonctionnalité d'extinction. Je veux atteindre les éléments suivants:

Application ouverte
montre SplashScreen pour une seconde.
Allez à l'écran de connexion Si vous n'êtes pas connecté avant d'aller au contraire, allez à WelcomeCreen directement à partir de SplashScreen

react-native react-navigation react-redux

0 commentaires

3 Réponses :

0
votes

Pour réacteur-natif, vous n'avez pas besoin de créer un fichier pour l'écran SPLASH.
Follez simplement le package ci-dessous pour l'écran Splash, je vous suggère que c'est une très bonne bibliothèque avec beaucoup d'utilisateurs et oui, je préfère toujours cette bibliothèque pour l'écran de Splash.
Il vous suffit de créer une image pour l'écran Splash, ce que vous souhaitez afficher sur l'utilisateur lors de l'initiale.
Réact-natif-splash-écran
Vous pouvez trouver tous les détails ici et suivez-le étape par étape, il vous aidera. Cela aident toujours pour moi!

0 commentaires

0
votes

Je vous recommanderais de jeter un coup d'œil à l'article Spencer Cali Medium. Il couvre l'ajout d'un écran éclabousseur pour les applications RN étape par étape. Comment ajouter un écran éclaboussable à une application natale réagissante (iOS et Android)

2 commentaires

J'ai vérifié cela, mais cela implique de modifier les fichiers Java et tous. Je veux simplement en rendre simple simplement en créant un écran Splash simple, naviguez-le d'abord, puis de vous connecter à l'écran (Homescreen dans mon boîtier) et de là sur le bouton de connexion, cliquez sur Naviguer pour accueillir.

Si vous utilisiez une navigation réactive-natif. J'aurais suggéré un paquet NPM qui le gère. Toutefois, avec une navigation réactive, la manière appropriée de la définir est en suivant les instructions décrites dans l'article moyen. Ils peuvent sembler longs, mais ils sont vraiment simples et vous serez sûr que c'était là pour toujours.

0
votes

Écran Splash et écran de chargement sont différents. L'écran SPLASH est affiché lorsque l'application est ouverte à partir du statut de terminaison.

Après cela, certaines applications montrent des écrans de chargement pour traiter les logiques de fond, comme la vérification de la signature de l'utilisateur, obtenir des données et ainsi de suite.

Dans votre cas, vous souhaitez afficher l'écran de chargement des flux d'authentification.

Utilisez de cette manière. réagit à réagir les flux d'authentification de navigation

Ce flux est comme ci-dessous .

Afficher l'écran de chargement et vérifiez l'authentification de l'utilisateur
Naviguez vers un autre écran en fonction du résultat de l'authentification. xxx
1. heureux!
  et si vous souhaitez utiliser l'écran SPLASH, pas de chargement de l'écran, je vous recommande d'utiliser RN-TOOLBOX .

0 commentaires