Base de données hors ligne de ruche dans Flutter | Android et IOS

1. Introduction du cours: Encore une fois, beaucoup d' options de base de données en photo, mais il n'est pas nécessaire que nous ayons toujours envie de stocker des utilisateurs. Ils pensent au serveur. Il y aura des scénarios dans lesquels nous voudrions stocker les données localement sur l'appareil de l'utilisateur de manière à ce que ce soit un moyen plus rapide et pratique de récupérer ces informations. Une fois tel exemple, l' utilisateur préfère le mode sombre ou leitmotif, beaucoup de bases de données flamées. Mais parmi eux, j'étais séropositive. Le VIH est une base de données clé-valeur légère qui prend en charge les postes de travail mobiles et les plateformes Web. Nous pouvons enregistrer des données de types primitifs tels que des chaînes booléennes vers des objets personnalisés complexes. Dans ce cours, nous couvrirons tout ce qui est nécessaire pour commencer avec le VIH. Nous comprendrons des concepts comme la façon d'effectuer des opérations brutes, ce que ce type d'adopteurs. Et enfin, construisez une application de base pour que nous puissions exécuter pratiquement tout ce que nous avons appris jusqu'à présent. Ne perdons plus de temps et de rouler maintenant, j'espère vous voir devant les tribunaux. 2. Vidéo 1 Débuter avec Hive: Salut. Dans ce module, nous allons parler de quelque chose en vous qui s'appelle le VIH. Donc, le VIH est une base de données NoSQL rapide et légère pour la Floride et l'application papa. Le VIH est vraiment utile si vous avez besoin d'une base de données simple de valeur clé sans nombreuses relations et vraiment simple à utiliser. Il a besoin d'un hors ligne, le Ws, ce qui signifie qu'il stocke les données dans l'appareil de l'utilisateur plutôt que de l'argent comme Firebase. Donc, quand nous avons besoin d'accéder à certaines données dans Firebase, alors évidemment nous avons besoin d'une connexion Internet. Mais le VIH est stocké dans l'appareil de l'utilisateur. Ça veut dire qu'il peut y accéder quand tu veux, où tu veux. Pas partout parce qu'il devait y accéder uniquement dans son appareil. Donc, c'est un inconvénient parce que si l'utilisateur se connecte avec un compte wikis dans un autre appareil, donc les données ne seraient pas synchrones. Donc, évidemment, le VIH est utilisé à ses propres fins et vous comprendrez pas à pas. Maintenant, la question se pose est pourquoi la base de données sur le VIH ? abord, c'est la base de données la plus efficace en termes de vitesse et de performances par rapport à l'indicateur SQL et aux préférences partagées, ce sont aussi des bases de données hors ligne. Donc, par rapport à ceux avec elle est plus rapide. Le deuxième avantage est qu'il fournit un moyen simple d'effectuer les opérations brutes de base. Donc, vous n'avez pas besoin d'apprendre beaucoup de choses que la syntaxe est très simple. Et le troisième est, puisqu'il n'y a pas de dépendances natives sur vos données. Ainsi, il peut être facilement utilisé pour mobile, bureau et navigateur. Si élevé est pris en charge par toutes les autres plates-formes également. Donc assez, je suppose que pour la Curie, nous devrions directement essayer cette technologie par nous-mêmes. Pour cela, Créons un nouveau projet de flottement. Allez dans le répertoire, puis, sortez leur ligne de commande et créez juste inondation. Créer une base de données. D' accord. Vous pouvez maintenant voir que le projet a été créé. Apportez VS Code et ajoutez le projet ici. Il suffit d'ajouter le dossier, ruche, la base de données, comme ceci. Somme. Avant de l'envoyer en mode débogage, je voudrais ajouter les dépendances qui sont nécessaires. Donc, l'aller à un navigateur Chrome. Et ici, dans le pub point sourd premier type. Ensuite, ici, vous devez simplement copier les dépendances. Maintenant, allons et allons dans Fichier et collé. Deuxièmement, le VIH est plus flatteur. Il est donc nécessaire de mettre en œuvre la base de données en Floride. Et avant cela, vous pouvez également aller consulter la documentation sur le VIH si vous le souhaitez. Voir ici, ici, il est mentionné l'eau que les dépendances sont o, comment c'est fait. La même chose. Je vais tout vous expliquer d'une manière plus simple. Et cette troisième dépendance n'est que le fournisseur. Ensuite, allez et installez-le. D' accord. Maintenant que trois dépendances sont en cours d'installation. Ubuntu Main.jack. Assurez-vous que votre émulateur fonctionne et cliquez simplement sur Démarrer le débogage. Cela prendra certainement quelques minutes en fonction de votre système. Comme toujours. Je voudrais vous expliquer pourquoi nous utilisons ce fournisseur de pièces. Le fournisseur de pièces est donc utilisé pour amener ces applications à l'emplacement pour stocker des données. C' est, comme je l'ai déjà mentionné, que ces données seront stockées dans l'appareil de l'utilisateur. Nous allons donc stocker ces données au même endroit. Notre application de projet de base de données Hive, c'est-à-dire cette application Android sur l'application iOS sera installée. Souviens-toi de ça. Maintenant. Maintenant, si vous voulez, vous pouvez vérifier toutes les dépendances. Lisez-moi la section pour en savoir plus sur les raisons pour lesquelles nous utilisons le VIH. Je vais juste attendre quelques secondes de plus pour que notre projet soit en cours d'exécution. Jusque-là. Je voudrais également vous donner un exemple de vecteur v utiliserait les données Hive avec supposons dans des paramètres tels que le mode sombre papa, si vous avez utilisé une porte d'activation est quelque chose appelé mode sombre ou mode nuit. Donc, la préférence de dose a fait est ces préférences de l'utilisateur. Nous pouvons l'enregistrer par exemple, les utilisateurs possèdent un appareil. Autrement dit, que ce soit le mode sombre est vrai ou faux, est-ce que l'ID utilisateur de l'utilisateur ? Nous pouvons simplement le faire dans la base de données Hive afin qu'il puisse être utilisé facilement. Nombreux exemples. Mais je suppose que de plus en plus vous comprendrez quand nous créons des projets. heure actuelle, notre objectif est juste de nous assurer que nous comprenons correctement les concepts de base. Comme d'habitude. Ça prend un peu plus de temps. Je ne voudrais pas vous montrer la prochaine étape de notre mise en œuvre. L' étape suivante consiste à initialiser. Donc, ici, vous pouvez simplement avoir à initialiser la masquage. Dans la section. Autrement dit, avant que notre application ne soit en cours d'exécution. Nous devons nous assurer que notre code VIH est initialisé. D' accord ? Vous pouvez voir notre application est sur le point d'être installée dans notre émulateur. Ça prend toujours un peu de temps. Ok, tu vois, le projet est prêt. Il est temps d'initialiser le VIH. Donc, nous devons aller au point principal, point dans la fonction principale, juste en faire un évier. Ensuite, comme nous le savons, si nous voulons initialiser quoi que ce soit avant que l'application soit en cours d'exécution, nous devons écrire cette ligne de code, widget, liaison de données flip obtenu assurer initialisé. Ensuite, le second n'aurait pas été que directement là où les données sont stockées. Attendez, obtenez une application. Documents, répertoire comme celui-ci. Cela vient de mais fournisseur. Et ce répertoire provient de cette E/S de données. Ensuite, la prochaine étape consiste à initialiser le VIH, le VIH dot init, puis le sac à dos. Et ce morsure soit notre répertoire dotplot. C'est ça. Donc, de cette façon, l'initialisation est faite. La prochaine chose que je voudrais aborder, c'est le concept des boîtes. Hiv stocke ses données dans des boîtes contenant des ensembles de valeurs t. Avant de pouvoir lire ou composer des données, une zone doit être ouverte. Les boîtes peuvent nous ajouter avec un poids, avec juste une syntaxe de base comme la boîte d'ajout de point VIH. Toutes ces données sont stockées en hauteur sont des boîtes de réception organisées. Je vais donc vous donner un exemple. Supposons que dans nos tables, c'est-à-dire, lorsque nous avons une base de données, base de données SQL, il y a un concept appelé cailloux. Et quand nous utilisions Firebase, alors nous avions le concept de collection. Donc jambe que vous seul pouvez comparer une boîte. Rappelez-vous juste, une boîte n'a pas un structuré et peut contenir quoi que ce soit. Donc tu dois te souvenir de ça comme ça. Et 40 exemple du monde réel, je dirai la boîte d'un utilisateur ou la boîte de paramètres, sont ces boîtes de messages envoyés, si vous voulez, vous pouvez créer. Maintenant, créons notre première boîte. Donc, comme je l'ai déjà dit, vous pouvez utiliser vos livres, vous devez l'ajouter et aussi lui donner un nom. Il suffit de le comprendre comme un nom de base de données. Cela charge toutes ses données du stockage local dans la mémoire principale pour un accès immédiat. Donc ici, si je vais écrire le VIH, le VIH dot ajouter boîte, comme ceci, je viens juste d'ajouter leur boîte. Et après cela, je cours ma demande. Aussi, rappelez-vous, il n'est pas obligatoire d'ajouter une boîte dans le fichier principal. Vous pouvez le faire n'importe où. Rappelez-vous juste d'ajouter un fichier, ceci dans une boîte au tout début et après Laissez vous pouvez l'utiliser. Et notre application ne montre pas non plus aucun éditeur en ce moment. Donc c'est une bonne chose. Sous plugins fonctionnent parfaitement. Alors maintenant, créons notre premier écran. Allez dans le dossier lib et créez un fichier. Nommez-le écran d'accueil, dot-dot-dot. D' accord. Importez maintenant du matériel. Ensuite, un widget avec état, nommez-le écran d'accueil. Alors comme Dennis échafaudage, ce bar AB. Je lui donnerais un texto. DB ruche. Ensuite, dans le corps, prenons un conteneur. Et ce conteneur, je lui donnerais la largeur de la largeur de l'appareil que ce média interroge que hors contextes qui dit cette largeur. Et briller. Je lui donnerais une colonne. Maintenant, je créerais simplement une interface utilisateur qui nous aidera à comprendre ces opérations brutes. Créer, lire, mettre à jour, supprimer, faire cette colonne. Je vais leur donner l'alignement d'accès S et désoler sous les widgets sont centrés. Au sein de ces enfants. Je vais créer des boutons surélevés, des boutons éclairés. Donc le premier bouton sera 38. Ensuite, je vais juste le copier et le coller plusieurs fois comme ceci. Et puis le second, j'aime vraiment lire. Je vais écrire la mise à jour et pour sans rapport. Alors maintenant enregistrez-le et allez au point principal. Et dans mon widget d'application, il suffit de supprimer tout ci-dessous. Voici ma page d'accueil et nous savons que nous n'avons pas besoin de ces codes standard. Et à l'intérieur de la propriété de la maison, je vais écrire l'écran d'accueil, qui est notre propre écran d'accueil, puis redémarrer. Voyons voir. Donc notre sortie est ici. On a Alda pour les boutons. Donc, comme toute autre base de données, il y aura des opérations grossières sur le VIH, dont nous discuterons dans les prochaines vidéos. Merci. 3. Vidéo 2 Comprendre les méthodes de Hive: Nous avons donc l'IQR de la demande de crédit prêt. Mais avant de mettre en œuvre toutes les fonctionnalités, j'aimerais discuter et comprendre les méthodes de lutte contre le VIH. Parce que théoriquement aussi nous devrions savoir quelles sont les différentes fonctionnalités de base de données Hive nous donne. Donc, le premier est de se lever la boîte de réception. Donc, dans la dernière vidéo, nous avons commencé ou nous avons initialisé une nouvelle boîte par leur nom hors ami. Donc, évidemment, si nous avons besoin cette boîte ou des Ws dans leurs écrans ultérieurs, ce soit des écrans détaillés ou n'importe où. Donc, nous n'avons pas besoin de l'ajouter à nouveau, encore une fois pour stocker ou récupérer des données. Hiv stocke une référence à toutes les boîtes d'ajout. Si nous voulons les préparer tous, ajouter la boîte, nous pouvons utiliser la syntaxe ci-dessous. Donc ici, vous pouvez voir la boîte var est égale à la boîte de point VIH et le nom de la boîte, dans notre cas, il sera boîte, à savoir se lier ami. De même, une fois qu'une boîte est ouverte, si nous le voulons, nous pouvons également fermer une boîte. Donc si vous n'avez pas besoin de la boîte, encore une fois, vous faites perdre. Je vais lancer les clés et les valeurs de la boîte seront supprimées de la mémoire. Et ce fichier de boîte est fermé. Une fois que nos opérations actives de lecture et d'écriture sont terminées. Aussi, rappelez-vous qu'il est parfaitement bien de laisser un dossier d'ajout de boîte, exécuter l'application. Si vous avez besoin d'une boîte à nouveau à l'avenir, laissez-la ouverte. En termes simples, supposons que nous n'ayons qu'un seul écran qui utilisera cette boîte en mission frontale. À cet écran, vous pouvez l'éliminer car cette boîte n'est pas utilisée par d'autres écrans. Mais si cette information est utilisée application sage, il est dans les pages plus anciennes sont dans la plupart des pages que je puis je suppose qu'il n'est pas conseillé de fermer la boîte. Rappelez-vous juste, vous devez fermer la boîte dans ce widget d'état de mon siège social. Et la syntaxe est le VIH point proche. Ou si vous voulez fermer une case particulière parce que la fermeture du point VIH se refermera sur les boîtes. Mais si vous voulez fermer seulement que cet ami marche, vous pouvez simplement écrire directement la boîte de points HIV de Bach, puis le nom de la boîte des indices de points comme ça. Maintenant, après l'ouverture de la boîte, devons-nous insérer des données à l'intérieur ? Donc, si vous avez besoin de stocker des données, vous pouvez utiliser la référence à la boîte VIH et mettre mes 10 dessus. Cette méthode accepte une paire de valeur de clé. Donc, ici, vous pouvez voir la sortie de point Box, puis la clé est nom, et la valeur est John. C' est ainsi que nous insérons une donnée. Maintenant, le VIH prend également en charge les clés entières afin que vous puissiez utiliser des clés auto-incrémentées. Dans. Cela peut être utile si vous stockez plusieurs valeurs similaires à une liste et une à récupérer par leurs index. Ce sont des indices. Vous pouvez stocker la jambe. C' est, c'est la syntaxe. Vous pouvez directement réduire la boîte point et j'ai mis personne. Et maintenant c'est Add et il va stocker cette valeur dans cet index à partir de 0. Vous pouvez donc le voir comme une carte et une liste. C' est un très bon exemple parce que le VIH utilise également ces types de données. Rires en insérant des données, nous devons récupérer les données aussi. Pour lire des données, vous pouvez utiliser cette méthode GetMethod sur l'objet box. Vous avez juste à fournir le geeky pour récupérer sa valeur. Comme var, le nom est que nous allons faire la boîte point, obtenir et ensuite le nom. Et comme vous pouvez le voir, nom est la clé des données. C' est ainsi que vous récupérez des informations de la base de données Hive. Maintenant, la prochaine chose qui est importante est la mise à jour des données. Pour mettre à jour ces données d'une clé particulière, nous pouvons utiliser la même méthode PUT que nous avons utilisée à l'origine pour stocker la valeur. Cela mettra à jour la clé actuelle avec la valeur nouvellement fournie. Donc je couche nous utilisons le nom de mise de point Box est John. Maintenant, nous pouvons utiliser directement le nom du point de la boîte va faire. Et cette valeur précédente sera remplacée. De même, si vous utilisez des valeurs d'incrément automatique, nous pouvons utiliser ce mis à mon 10 pour une enchère leur valeur présente à l'intérieur de cet index particulier. Vous pouvez voir Box dot mis à 0 position, Jennifer. C' est ainsi que nous mettons à jour les données dans une base de données. Un autre Last Mile, qui est très important, est la suppression des données. Pour supprimer les données, nous pouvons utiliser la méthode de suppression en fournissant cette clé ou supprimer admise en fournissant cet index. Donc, à nous de décider ce que nous sommes, comment nous stockons ces données à l'intérieur de la boîte de ruche. Si nous utilisons cette paire de valeur de clé, alors nous pouvons écrire directement Box Dot Delete et cette clé sera nommée. Et si nous utilisons index, alors nous pouvons l'écrire ci-dessus. Démarrer la suppression à la position 0. Donc c'est cette théorie ou fait la prochaine de ce cred, c'est comment nous pouvons effectuer ce cred. Et comme je l'ai dit, le VIH est très facile parce que vous pouvez voir tous les mots clés sont, les méthodes sont tout simplement simples. Box dot get, Box dot, put, bogs, point, supprimer. ne sont donc pas des choses complexes dont il faut se souvenir. Alors c'est tout. Pour cette vidéo. Dans la prochaine vidéo, nous allons implémenter les concepts Alda que nous avons compris ici pratiquement. Merci. 4. Vidéo 3 Implémentation CRUD: Salut. Donc, maintenant, nous connaissons tous les concepts qui sont nécessaires pour effectuer des opérations brutes dans le VIH et nous avons également construit cette interface utilisateur vraiment basique. Dans le même but. Implémentons les méthodes de lutte contre le VIH dans notre écran d'accueil. Alors allez à Point de l'écran d'accueil, point. Et ici, créons quelques variables. Et la première chose que je ferais est d'obtenir la boîte d'ajout. C' est-à-dire, obtenez la référence de cette boîte. Donc, je vais juste le nommer. La boîte d'amis est égale au VIH. Boîte à points VIH et nommez-le. Et puis le nom était ami. Nous devons donc utiliser le même nom de la boîte. Et après cela, le second sera une chaîne qui peut être nulle aussi. Et je vais écrire le nom de la variable est le nom. Ceci, ce sera le nom de l'ami, qui est stocké dans cette boîte. Maintenant, nous allons créer des méthodes comme et ami. Rends-le synchrone. Ensuite, la deuxième méthode sera obtenir un ami. Troisièmement sera l'ami et en arrière quand nous supprimerons ami. Ok, donc ce sont mes crayons acquis. Maintenant, ce que je veux est quand un, quand nous cliquons sur cette création, cet ajout d'ami est exécuté et une valeur est stockée dans cette boîte. Donc, je vais simplement écrire un ami de poids boîte point mettre. Donc, pour insérer des données nous, j'utilise put parce que je vais lui donner une clé est quand la clé sera nom et où vous serez Bill Gates. D' accord ? Maintenant, nous avons fini d'ajouter un ami. Quand un utilisateur clique sur cette lecture, alors je veux que ce get friend soit exécuté. N, stockez ces données à l'intérieur. Ensuite, nommez la variable. Pour cela, je dois écrire. Le nom est égal à la boîte d'ami point get, et cette clé sera nommée. Donc pour le début que nous avons discuté, nous devons utiliser ce point, obtenir mon tag. Et ce que je vais faire est dès que cette variable est que les données sont stockées dans cette variable, je vais définir cet état de sorte que l'UA soit rendue et que la variable de nom puisse être affichée dans cet écran. Maintenant, pour le cadre de mise à jour, je vais simplement écrire la boîte d'ami d'attente. Mets à l'intérieur de ce nom de clé. Je vais écrire Elon Musk. C' est ça. Mais c'est comme ça que nous mettons à jour. Et simplement pour la louche, donc je vais écrire un grand ami Box Dot Supprimer, et la clé est nommé. Donc, nous avons mentionné qu'une clé ici à cette fonction ajouter un ami. Et après cela, nous utilisions simplement cette clé pour obtenir la mise à jour de dévaluer ou supprimer la valeur de données. Nous avons donc nos fonctions Ready is time v. Assurez-vous qu' elles sont exécutées par ce bouton Connect. C' est quand nous créons le béton, il devrait penser qu'il devrait être exécuté. Nous ajoutons un ami. Alors. Deuxièmement, obtenir un ami, qui devrait être exécuté. Lorsque Redis cliquez sur Mettre à jour ami. Comme ça. Et la nourriture est supprimer ami. Les boutons sont donc maintenant connectés à ces fonctions. C' est l'heure. Je vais lui montrer du texte tout en haut, comme du texte. Et ici simplement nommé variable. Maintenant, redémarrons et vérifions si tout fonctionne bien. R-naught, notre application Cloud est prête à être testée. Donc, voyez au tout début, clé de nom Don a une valeur nulle. Maintenant, si je clique sur le bouton Créer, qu'est-ce qui devrait avoir des centimes ? Le nom Bill Gates doit être stocké dans cette variable de nom nommée key. Maintenant, si je clique sur lire, qu'il doit être mis à jour avec le nom. Voyons voir. Vous pouvez vérifier. Cela fonctionne parfaitement. Bill Gates est là. Maintenant, si je clique sur la mise à jour, il devrait être changé en Elon Musk. Si je clique dessus et puis cliquez sur Lire, voir, Elon Musk est là. Ça veut dire que nous allons être mis à jour avec Elon Musk. Et enfin, si je clique sur supprimer, ces données sont supprimées et quand je clique sur Lire, il montre à nouveau null. C' est ainsi que fonctionnent les opérations brutes liées au VIH. Et cette base de données a été installée uniquement sur l'appareil de l'utilisateur. Donc c'est tout pour cette vidéo. Dans les prochaines vidéos, nous parlerons davantage du VIH et de ses autres caractéristiques. Merci. 5. Vidéo 4 Concept d'adaptateurs: Bienvenue. Dans cette session, nous allons parler du concept des adaptateurs de type. Le VIH nous permet de stocker la plupart des types standard. C' est une chaîne dans la carte numérique, au moins le réservoir. Maintenant, lorsque nous construisons une application du monde réel, nous aurons une classe modale pour nos données, car cela rend le développement beaucoup plus simple et plus rapide. Les retards de ce type de modèle nous avons besoin d'utiliser des adaptateurs de type, ce qui provoque sont, ce qui aide à encoder et décoder nos données sous forme binaire. Sur notre bureau. Les adaptateurs de type peuvent être écrits manuellement, sont générés automatiquement. Il est toujours préférable d'utiliser la génération de code pour générer les méthodes requises, car cela aide à prévenir toute erreur qui pourrait se produire lors de la construction de notre écriture manuelle de ce code. Nous allons le générer en ajoutant le générateur de VIH et la nature sauvage dans ces dépendances de développement dans la spécification Pub que le fichier YAML. Alors sortez votre Chrome. Et ici, écrivez simplement. Ceci est, comme vous pouvez le voir, les éditeurs d'étape Janet adaptateurs pour stocker n'importe quelle classe. Est copie. Et va au Yémen. Désolé, à l'intérieur des dépendances de développement comme ceci. Et le second est de construire un coureur. Il suffit de le copier et de l'installer dans ces dépendances de développement. Rappelez-vous, pas les interdépendances parce que c'est juste pour le but du développement. Maintenant, d'accord ? Nous avons les dépendances dans la pierre. Maintenant, comme je le dis, V pourrait avoir besoin de classe modale. Donc je le ferais, je vais créer une application à faire à partir de maintenant afin que nous puissions comprendre la base de données Hive plus correctement que supposons que ces données de to-do d'aujourd'hui ne sont pas nécessaires pour stocker dans le serveur. Ceux-ci sont personnels pour l'appareil de l'utilisateur uniquement. Dans le dossier lib, créez simplement un fichier appelé todo dot, dot, dot. Et ici, créons une classe appelée à faire. Alors. Il n'avait pas de titre et a été complété ou non. Et cela devrait être maintenant créer le constructeur. Et ce point-point. Ceci est terminé. Donc, nous avons notre classe modale est prête. Il est temps de générer des adaptateurs pour cette classe. Le paquet génome du VIH peut générer automatiquement des adaptateurs pour n'importe quelle classe comme celle-ci, notre classe. Il y a peu d'étapes pour cela. Première étape pour le générer, tapez, leur classe préférée. Je l'ai notée avec le type VIH et je lui ai fourni un numéro d'identification. La deuxième étape est un ajout de tous les champs. Autrement dit, ces champs qui devraient être stockés avec le remplissage du VIH et la courroie infatigable courroie de la dette américaine est il ya une commande que nous devons utiliser pour qu'il construise automatiquement une classe d'adaptateur pour elle. Et la quatrième étape consiste à enregistrer cet adaptateur généré. Alors. Commençons à le faire. Commençons. Je sais qu'ils ne sont pas morts la classe de modèle pour utiliser la génération de code. Simplement. La première chose que nous devons faire est d'importer. Ensuite, ici, nous avons aujourd'hui type et type ID, suffit de lui donner un. Ensuite, dans les champs, nous avons échoué, puis indexer seulement 0. Puis de même ici, le VIH, index 1. Ainsi, nos deux premières étapes sont faites. C' est un ajout du type de ruche et fournir un ID de type. Et le second est annotée alphas, qui devrait être stockée avec un champ élevé. Maintenant, les 30. troisième étape est simplement de faire ressortir votre terminal et de taper. Et avant cela, vous devez également écrire ce code. Mais puis à l'intérieur, écrivez le nom de ce classement de classe que ce point todo, point, point. Donc, cela sera automatiquement généré lorsque nous écrirons cette commande qui fait sortir le terminal et Flutter droit paquets et appuyez sur Entrée. Voyons si cela fonctionne ou non. Parce que je ne sais pas. Nous devrons peut-être arrêter le débogage et redémarrer. Cela fonctionnera directement parce que nous avons installé de nouvelles dépendances. Disons que cela fonctionne, je suppose que quelque chose se montre dans la console. Tu vois, c'est fait. Notre adaptateur est en cours d'apprentissage, ou vous pouvez dire qu'il est construit automatiquement ici, ce point todo, point, point. Et rappelez-vous, c'est l'adaptateur et nous n'avons pas à modifier quoi que ce soit dans init. Et ce point g, g signifie générer comme généralement transformer notre adaptateur Janet pour cette classe. Donc, c'est ainsi que nous, comment nous utilisons des données de classe personnalisées. Et nous nous assurons que notre façon d'une ruche supporte également ces classes. Ici, j'utilise cette classe Todo. Maintenant enfin, toutes les étapes que j'ai faites, il est temps d'enregistrer cet adaptateur. Donc, tous ces codes génèrent un adaptateur appelé todo adapter. Ici, vous pouvez aller voir cet adaptateur. Et vous devez enregistrer cet adaptateur de type avant d'ouvrir la boîte. C' est en utilisant l'un ou l'autre sage, cela produira une erreur. Comme nous n'utilisons qu'une seule boîte. Et vous pouvez voir que j'utilise cette boîte d'amis. Mais en ce moment, je voudrais d'abord enregistrer l'adaptateur ici. Et cela avec ce code, que vous pouvez vérifier, pourquoi cela ne fonctionne pas. Le registre que Percy. Et dans cette application que je voudrais, je voudrais juste écrire l'adaptateur Magnus. Et après cela, j'ajouterai une nouvelle boîte. Largeur. À faire. C' est cette boîte ne contiendra que deux données. Je vais simplement ajouter la boîte et le nommer. Je vais juste écrire. Voyons voir. Sauvons. Et si aucune erreur n'est morte et que cela a fonctionné correctement. D' accord ? Nous avons donc enregistré avec succès notre adaptatif. Maintenant, dans cette base de données qui est à faire boîte, toutes les données seront stockées. De cet objet est todo objet plus tôt, il était comme la valeur de clé, c'est-à-dire le format JSON, que maintenant il sera différent. Donc c'est tout pour cette vidéo. Dans la prochaine vidéo, je vais créer une application de base à faire en utilisant le flutter et le VIH. Merci. 6. Vidéo 5 Créer une application Todo: Hé, bienvenue. Donc, dans la dernière vidéo, nous avons créé avec succès l'adaptateur pour notre classe Todo. Mais maintenant, il est temps de commencer à travailler sur l'application Todo complète. Loin que Allons dans ce dossier et créez un nouveau fichier et nommez-le, ajoutez point à faire. Donc, fondamentalement, cet écran sera utilisé pour l'ajouter à un nouveau solide. Évidemment, quand nous avons des données dans la base de données, alors seulement nous pouvons récupérer ces choses à faire. Donc, la première étape consiste à créer un écran afin qu'un utilisateur puisse taper son objet à faire, puis le télécharger sur la base de feu. Comme toujours, importez un paquet de matériaux. Puis un écran apatride. Je vais, je vais créer un nom à faire. Maintenant, faites-le retourner un échafaudage puis dans l'application, mais juste donné bus afin que je puisse avoir un bouton de retour. C' est ça. Maintenant, dans ce corps, mon, mon plan est de garder juste le champ de texte où l'utilisateur va entrer un bouton de soumission, c'est tout. Donc, je vais commencer par dépendre parce que je sais que j'ai besoin d'un peu d'espacement de tous les côtés et le donner en effet à cela. Rappelez-vous lorsque vous construisez beaucoup d'applications, vous savez que beaucoup de sites à la demande, vous avez besoin d'un espacement. C' est pourquoi vous pouvez le faire au tout début aussi bien. Maintenant, dans l'enfant, j'aurai une colonne sur l'élément de colonne devrait être centrée. Donc, je vais faire principal existe le centre de point d'alignement. Alors nous n'aurions pas celle de nos enfants. Avant d'écrire ce qu'il y a à l'intérieur de Chamberlain, allons à l'écran d'accueil. Donc, ici, nous aurons un bouton d'action flottant, qui lorsque vous naviguez à cette ajouter à l'écran. Aussi tous les codes précédents lèvent ce que je viens d'écrire pour expliquer que les opérations cred. Je voudrais le supprimer car je ne veux pas cela dans cette application à faire. Maintenant. Il suffit d'avoir un bouton d'action flottant et d'avoir un bouton d'action flottant comme celui-ci. L' enfant le sera. Je peux, je peux ajouter. Et on ne s'est pas décalés. Je voudrais simplement écrire du matériel de poussée de point de navigateur, le paginer. Que nous aurons notre contexte et ajouterons un écran comme celui-ci. Sauvez-le. Et en ambulatoire peut voir que je vais juste le nommer VIH. Faites ce titre de l'écran comme ceci. Grotte. Maintenant, si je clique dessus, voir que nous avons un écran vide et c'est notre bouton de retour. Maintenant, allons à l'écran Ajouter à faire. Et nous ne l'avons pas fait. Si j'avais un manuel, je créerais un contrôleur d'édition de texte. Au début, le contrôleur de détail intime est égal au contrôleur d'édition dx. Comme ça. Et aussi, puisque nous avons déjà ajouté notre boîte dans le point principal est cette boîte à faire. Je voudrais juste avoir cette boîte d'ajout. Donc on vient de dire boîte. La boîte est égale à. Salut, boîte. Et le nom a explosé. C' est-à-dire que son nom a été fait. Et il sera éteint pour faire des données comme celle-ci. Maintenant, allons-y que les enfants, créons notre premier champ de texte. Contrôleur sera contrôleur de titre. La décoration sera en bonne conservation. Et juste donner du texte étiqueté comme Pena. Et comme esquisser mettre de la poudre comme ça. Sauvegardons-le et vérifions-le. Vous voyez, nous avons notre champ de texte de titre après le deck. Donc, je vais donner un peu d'espacement en utilisant des étincelles de taille, augmenté, donner 30. Ensuite, je créerais un bouton avec le conteneur que la hauteur. Je lui donnerais 50. Quand je donnerais l'appareil quand c'est l'infini à double point. Quand je lui donnais un bouton libéré. Et dans ce texte, je dirais simplement ajouter du bleu et lui donner un style à ce texte. C' est principalement la taille de la police, ce que nous ferons bien. Sauvegardons-le et vérifions-le. Voir l'interface utilisateur sur l'écran est correct. Maintenant, c'est l'heure. Nous travaillons sur le bouton de pression de sorte que tout le texte se trouve à l'intérieur du contrôleur stable, ou vous pouvez également dire quel que soit le texte que l'utilisateur a écrit sera stocké. Tout d'abord, il sera converti en un objet todo, c'est à faire le type. Et puis après il sera stocké dans la boîte de la ruche. Il suffit d'appuyer sur Fonction. Je vérifierais d'abord si ce contrôleur d'élément n'est pas aucun point txt n'est pas égal à NP, puis exécutez ce code. Donc, tout d'abord, je créerais un nouvel objet. Un nouveau bleu est égal à deux, comme ça. Et à l'intérieur. Pour le titre, j'écrirais un texte de point de contrôleur de détail. Et maintenant pour l'Est terminé que la valeur par défaut, nous allons visiter les polices. Comme il s'agit d'un nouvel élément à faire. Après la création de cet objet, je prendrais simplement cette boîte à faire. C' est le haut Vaux et le point droit, ajouter et envoyer et lui a donné cette valeur à faire. Comme nous l'avons déjà fait ici, ce type de classe Todo, il n'acceptera que vous faites le type de données. Et ce point n signifie qu'il n'y aura pas de clé. Il sera stocké dans l'index. Autrement dit, supposons que c'est une sorte de liste, donc il sera stocké dans l'index 0 car il n'y a pas d'éléments. Et après ça, je sortirais de l'écran. C' est ça. Va vérifier. Nous cliquons sur ce Ajouter à faire. Et je voudrais simplement écrire la gestion de l'état du fournisseur appris, d'accord ? Comme ça. Et cliquez sur Ajouter à faire. Et voir qu'on s'est fait naviguer. Mais nous ne pouvons pas voir si nous n'avons pas récupéré les tâches, donc nous pouvons, nous ne sommes pas sûrs que l'identité soit stockée correctement ou non. Donc, nous allons travailler sur cette récupération aussi. Et l'écran d'accueil sera responsable de l'affichage des données stockées en hauteur. Fondamentalement, nous allons implémenter les opérations de lecture ici. Flatté, fournissez-nous un constructeur rigide appelé valeur écoutable qui ne rafraîchit que lorsque toute valeur à l'intérieur de cette base de données spécifiée ou cette collection est modifiée. Voyons voir. Vous comprendrez ce que je veux dire par là. Tout d'abord, je créerais une instance de boîte qui est Toolbox est un appel au VIH. Pas de boîte. Et donnez-lui un type de données. C' est ça. Maintenant, dans le corps, j'écrirais constructeur de valeur écoutable, celui-ci. Il a donc deux paramètres. Le premier est voisin sans valeur, c'est la valeur qu'il doit écouter. Et je voudrais simplement faire que c'est cette boîte point écoute, mais cet auditeur été, à mon tour, est seulement disponible dans le paquet haute flutter, donc nous devons l'importer, importer le VIH ici troisième, et puis haut flutter comme ça et voir l'ajout est parti. Donc, vous devez vous rappeler que point écoutable est disponible dans le paquet haute flatter. Alors que signifie ce code ? Donc, en termes simples, si quelque chose change dans cette boîte à faire, ce widget sera reconstruit. Encore une fois, aussi simple que ça. Donc juste, vous pouvez également comprendre que si quelque chose change l'état défini sera appelé. C' est un exemple très limité, mais je veux juste que vous compreniez le concept. Le constructeur est une fonction qui a le contexte de première chose. La deuxième chose est une boîte, c'est une boîte à faire nette. Et la troisième chose est un widget. À moins que nous ne soyons concernés par ce paramètre de discussions, nous n'utiliserons cela que. Le premier, je voudrais juste vérifier si la case est vide. C' est non a été inséré. Dans ce cas est simplement retour. Il suffit de retourner une visite du centre. On prend enfant. C'est un texte, nouveau, Todo, comme ça. Et supposons que la boîte noire n'est pas vide. Dans ce cas, nous sortirions un widget qui est un générateur ListView. Et renvoyez simplement une vue de liste. Comme il est stocké dans ce que le VIH est sous la forme d'une liste. Maintenant, le nombre d'éléments sera la longueur de points de la boîte. C' est celui-ci, qui signifie aussi cette boîte. Mais nous allons l'utiliser comme nous écoutons ce constructeur. Et dans l'enrouleur d'article, Nous allons embaucher des contextes et index. Maintenant à l'intérieur, depuis dans cette boîte bleue, nos données. Pour faire le type de données, c'est-à-dire l'objet todo. Je voudrais juste l'écrire dans une variable. Pour faire est d'utiliser le point de boîte, obtenir un index. Imaginez que cet indice soit 0. Dans cette boîte. Il ira à la position de l'index 0 et apportera cela pour faire des données et les stocker dans. Et il va juste l'itérer. Il va continuer jusqu'à ce que la longueur soit terminée. Il suffit donc d'écrire la liste de retour. Et à l'intérieur. Je lui donnerais un titre. Dans la propriété title, je donnerais ce texte de titre de point bleu, encolure ce Let's save it. Plus tôt, nous avons écrit maître, fournir la gestion de l'Etat américain. Tu vois, on a appris ça. Assurer la gestion successorale. Et vous pourriez vous demander pourquoi obtenir est deux autres d'entre eux qui est la gestion de l'état maître dans flirted et ceci donc je voudrais dire que c'était parce que j'ai déjà testé la base de données Hive dans cet appareil. C' est pourquoi, parce que ce miming était le même de la boîte. C' est à faire, il a récupéré les données précédentes stockées en tant que loyer. Mais supposons que je voudrais écrire ici, me réveiller tôt, supposons, et ensuite ajouter 2 et C. Vous pouvez voir ce réveil tôt ici. Donc, en fin de compte, notre application de tâches fonctionne jusqu'à la tête. Donc c'est tout pour cette vidéo. Dans la vidéo suivante, nous mettrons en œuvre la mise à jour pour faire aussi moins supprimer pour faire des fonctionnalités. Merci. 7. Vidéo 6 Mise à jour et supprimer Todo: Donc, jusqu'à maintenant, nous avons cette application de base à faire. Il est temps v, mettre en œuvre quelque chose pour indiquer que ce ToDo a été terminé ou est fait, alors seulement il sera supprimé. Est-ce que l'utilisateur ne saura même pas que cette tâche a été faite, ne sont pas loin que je vais utiliser. Il vérifie le widget case à cocher. Et loin de ça. Parce que dans cette case à cocher, il y a quelque chose qui s'appelle le changement. Autrement dit, si vous cliquez dessus, nous obtenons une valeur de true ou false. Et selon cette valeur, je changerais les propriétés de cette région de texte. Alors faisons-le pratiquement. À l'intérieur de ce titre. Que je montrerais une icône principale. Et il le fera vérifier. La valeur de la boîte serait à faire est convertie est soit vrai, soit faux. Sur, dans la propriété onchange. Je dois faire quelque chose pour que la valeur à l'intérieur de ces deux soit mise à jour. Maintenant que cet être est, puisque j'ai rendu cette valeur finale, donc je ne peux pas aller directement et changer la valeur qui est la valeur à l'intérieur de cette classe Todo, il montrera un additeur. Donc, ce que je vais faire, je vais créer une nouvelle variable et écrire simplement comme ceci et ceci. Et à l'intérieur, ce titre serait le même que cette étude est de faire le titre que le précédent seulement mais est terminé sera cette valeur. C' est celle-là. Et comme c'est en sécurité, je dois utiliser cette explication pour m'assurer que cette valeur n'est pas nulle. Maintenant et maintenant. Après cela, je voudrais juste le remplacer par elle. Mettez à l'index. Et la valeur serait nouvelle à faire comme ça. C' est ça. Donc, ce qu'il fait, il, il crée simplement un nouveau à faire et le remplacer par le précédent. Maintenant, en tant que notre petit outil, je ne mets pas à jour cela pour le faire parce que ses propriétés sont finales. Vous pouvez également modifier la classe de modèle. Autrement dit, vous pouvez aller le changer ici et encore, le reconstruire, reconstruire cet adaptateur maintenant. Mais je ne le fais pas dans un, Je n'essaie pas de le faire aussi. Et juste patiner simplement un nouvel objet et le remplacer par le précédent. Maintenant, supposons que cette valeur soit deux, c' est-à-dire que cette tâche a été terminée. Ensuite, je montrerais, je ferais aussi quelques changements à ce texte. Donc, dans ce txt, la première chose que je donnerais une taille de police simplement comme 20. Puis font-weight. Poids de la police, gras. Maintenant cette couleur. Donc, si deux points bleus est terminé est vrai, alors j'écrirais des couleurs vert foncé. Sinon, j'ajouterais des couleurs en noir. Vérifions ça. Si je clique dessus, voir la couleur devient verte. Si je clique dessus, la couleur devient verte. Maintenant, ce que je ferais est simplement dans cette déclaration, je ferais à nouveau point est terminé. Si c'est vrai, alors écrivez la décoration de texte en pointillés, vrai. Sinon, je n'ajouterais aucune décoration de texte. Voyons voir ce que fait ce code ? Donc, si je clique dessus, voir il est. Frappé. Autrement dit, nous pouvons comprendre que cette tâche est terminée. On n'a pas à y penser. C' est ainsi que fonctionne notre mise à jour à faire. Maintenant, il est temps que nous avons une fonctionnalité à supprimer est de perdre aussi. Pour cela, simplement après le début, je l'aurais icône de fin. Et dans ce journal, je lui donnerais une icône. Bouton. Icône serait je peux commencer la couleur tardive aux couleurs rouge plus foncé. Et puis pressé. Tu vois, contrairement aux inquiétudes ici. Maintenant, nous devons simplement supprimer. Et nous pouvons simplement écrire dans une ligne de code qui est Box Dot Delete, annonce et l'index, c'est tout. Donc, il pied supprimer ce todo particulier à cet index. Après cela, j'aimerais montrer un snack-bar. J' aime donner quelques commentaires à l'utilisateur parfois si vous le voulez, vous pouvez donner ce corps de carte dans d'autres sections car un à six est comme ceci. Et c'est tout. Essayons ça. Si je clique dessus, le voir avec succès. Si je clique dessus, il est également supprimé de la base de données Hive. Et si je supprime tout, alors savoir à faire depuis nos boîtes vides. C' est donc une application très professionnelle et basique à faire en utilisant le flutter et la hauteur. Maintenant, tout va bien. En dehors de celui-ci, puis-je, je suppose que j'ajoute quelque chose comme inondé ? D'accord. Il arrive au sommet. Si j'écris de la moutarde, Firebase 10 c, il ne vient pas au sommet, il arrive, il fait deuxième. Donc ça ne devrait pas arriver. Alors laissez celui-ci devrait être au sommet. Jusqu' à présent, je dois juste faire quelques changements dans ce générateur de points de vue de liste ici. La première chose que j'écrirais cet inverse est égal à vrai. Et deuxièmement, voir si je clique sur ce maintenant et l'enregistrer. Cette chose est inversée, mais tout va en haut parce que le ListView prend tous les espaces disponibles. C' est pourquoi si nous n'utilisons pas cette propriété, est-ce que l'enveloppe rétractable est égale à true ? Il ira en bas. Mais quel emballage rétractable est vrai ? Liste que nous occupe seulement l'espace dont il a besoin. Tu vois, maintenant ça a l'air très bien. Si je tape quelque chose maintenant comme la pratique, fournisseur, l'état, la gestion, comme ceci. Et d'accord, C et le haut est en cours de sortie, qu'il est affiché correctement à la carrière qui est l'ordre décroissant de ses données de téléchargement, vous pouvez simplement enregistrer. Donc c'est tout pour ce module. J' espère que vous avez beaucoup apprécié et appris. Parce que lorsque nous construisons une application en utilisant FERPA, Il n'est pas toujours nécessaire d'utiliser la base de données du serveur. Nous pourrions, et nous aurons de nombreux scénarios où nous avons besoin de base de données Hive, qui est le stockage local, le stockage ainsi.