fultter example app

Afflux-apparence

Introduction du projet

Un projet complet et complet de l'application de flutter en mode bloc. Plus axé sur les applications de spa d'architecture.

Le projet se concentre davantage sur l'architecture globale et complète des fonctions telles que Loading global, Toast global,命名路由动画globale, les paramètres passant par SPA . Implémentez la gestion de l'État, le remplacement de la peau en un clic et d'autres fonctions en mode Bloc . Il réalise l'adaptation d'écran et peut personnaliser l'encapsulation de la demande du chargement global, séparer les environnements d'envoi, de test et de production. WebView doit naturellement l'avoir. La plupart des projets sont réalisés en utilisant l'API native Flutter. Utilisez un petit nombre de plugins natifs. Si vous le souhaitez, veuillez jouer, essayez de ne pas fourrer.

APPOSSIONS STRONGEST CONSEILS:

• La machine virtuelle ne semble pas prendre en charge de fortes mises à jour, et elle doit être essayée avec une vraie machine.

Aperçu du projet

Plan de projet

• Adaptation d'écran ZFIT
• Routetting + Route des données d'itinéraire
• Icône de bureau de l'application personnalisée + nom
• Carrousel illimité
• Bus des événements
• serveur backend koa2 + nœud
• Demande d'encapsulation
• Rangement de stockage connecté
• Résolvez le problème de la commutation des pages et de la redémarrage
• webView
• Tirez vers le bas Refresh + Pull Up Charge
• widget keepa-live && cache
• Fonction de recherche
• Mise à jour de l'application forcée
• Tri de style drag
• Le mode bloc implémente la gestion de l'état
• Remplacement de la peau en un clic
• Réécrivez quelques cours de flottement
• Toast global + boîte de dialogue globale
• Animation de routage de dénomination globale
• Implémenter SPA (application à une seule page)
• Séparation environnementale
• Métadonnées (parce que Flutter ne prend pas en charge la réflexion, la fin)
• Modèle de bloc parfait
• Architecture de nœud parfaite

Structure de répertoire

Répertoire de la maison:

• Actifs: fichiers statiques
• Back-end: Données simulées

Répertoire Lib:

• config: fichier de configuration
• domaine: classe d'entité
• Bloc: module logique
• Page: Page
• Plugin: composant / plugin autonome
• itinéraires: itinéraires
• Service: encapsulation d'interface + adresse API
• Styles: cours de style commun
• utils: outils
• Voir: widget réutilisable

Principaux documents de gestion

• service.dart : Gestion des demandes
• manager_page.dart : gestion de page unique

Backend de nœud:

1. Installer node.js
2. CD au répertoire back-end du projet
3. La console exécute npm i
4. Exécutez node server.js sur la console
5. A commencé avec succès le serveur
6. Astuce: n'oubliez pas de modifier d'abord la substanier sous config
7. Astuce: si vous souhaitez démarrer l'équilibrage de chargement / rechargement chaud du nœud, veuillez utiliser PM2

Pièce jointe: S'il s'agit de débogage local, veuillez utiliser IP + 端口pour la fondation

Fin attaché:

• Mode bloc
• Vous pouvez actualiser la page sans utiliser SetState
• Partagez l'état dans plusieurs pages.

Documentation de l'API Flutter