Table des matières
Commentaires dans l’application avec Wiredash pour Flutter – Abhishek Mahajan
Voyons donc comment faire exactement cela!
Alors, allez d’abord sur le site Web wiredash.io et sélectionnez «Aller à la console» en haut à droite et il vous dirigera vers la page d’inscription / de connexion. Faites le nécessaire avec Google ou Github selon votre convenance.
Maintenant, vous serez dirigé vers la console et vous verrez le plus gros bouton pour créer un nouveau projet. Par tous les moyens, attaquez ce bouton et vous êtes prêt à obtenir des rapports de bogue et des commentaires impressionnants de votre application maintenant.
Voici à quoi ressemble une nouvelle console d’application
Maintenant, allez sur pub.dev et recherchez «wiredash» et obtenez la dernière version à partir de là et collez-la dans le fichier pubspec.yaml sous «dépendances» et exécutez «get dependencies» avant d’exécuter l’application.
Maintenant, tout ce que nous devons faire, pour l’intégrer, est d’encapsuler votre widget MaterialApp le plus haut avec le widget Wiredash. Après cela, il y a 3 paramètres requis pour le widget à savoir:
- projectId: l’ID du projet à partir de la console.
- secret: le secret de l’API de la console.
- navigatorKey: une clé globale de type « NavigatorState ».
Comme vous pouvez voir comment nous définissons une clé de navigation globale et la spécifions pour le widget wiredash. En outre, nous devons également spécifier la même clé de navigateur pour le widget de matériau.
final _navigatorKey = GlobalKey();
Vous pouvez maintenant obtenir le secret de l’API et l’ID du projet à partir de la console wiredash sous «configurations».
IMPORTANT: Ne partagez pas votre identifiant de projet et le secret de votre API avec qui que ce soit et donc, je le stocke moi aussi dans un fichier de constantes distinct et j’utilise uniquement ces constantes dans le code que j’ai donné en ligne.
J’utilise un bouton d’action flottant ici pour appeler le modal bas du filaire à partir du contexte pour plus de simplicité, mais vous pouvez utiliser d’autres moyens tels que des gestes ou des exceptions de déclenchement automatique ou même en utilisant le capteur gyroscopique de votre combiné en secouant l’appareil (similaire à Snapchat?) . En gros, vous pouvez faire preuve de créativité avec ça!
Maintenant, j’ai fait un échafaudage avec un bouton d’action flottant qui appelle le modal bas de filaire à partir du contexte actuel.
Et TA-DA! Il n’y a plus rien à faire! Exécutez simplement votre application et vous obtenez cette impression.
Maintenant, nous pouvons vérifier les commentaires fournis par l’application sur notre console!
Comme vous pouvez le voir ci-dessus, il existe trois champs: e-mail (car je ne l’ai pas rempli lors de l’envoi des commentaires), l’ID utilisateur et la version de l’application qui ne sont pas spécifiés. Nous pouvons en fait ajouter ces trois éléments du code en utilisant une fonction «setOptions» avant la fonction «show» comme ci-dessous.
De plus, nous pouvons changer le schéma de couleurs beaucoup plus en utilisant le paramètre de thème du widget Wiredash dans WiredashThemeData. (A l’air bien en mode sombre si vous me le demandez!)
Et voilà à quoi ça ressemble!
Facile non?
Si vous avez toujours un problème à un endroit, voici un didacticiel vidéo pour le faire également:
Je publierai plus de vidéos de ce type sur cette chaîne YouTube, alors n’oubliez pas de vous abonner pour en être informé!
Le lien github pour le code complet:
C’est tout le monde!
