Ce code est sémantiquement assez clair. Vous pouvez facilement imaginer ce que cela va générer. Affiche les résultats de l'exécution de ce code est suit comme:

Dans ce code, tous font partie d'un composant d'interface utilisateur, y compris la mise en page. Centre composant d'interface utilisateur qui est concentrée dans les composants du sous-ensemble de la mère (par exemple un écran). ColumnUI son assemblage alignement vertical sous-composant (liste composant UI). La liste contient une icône de texte et un contrôle (ayant un attribut de couleur).

Dans Flutter, un rembourrage et centrée sur des widgets, le thème est adapté à leurs sous-composantes de l'interface utilisateur de contrôle, et même des applications et la navigation sont également des widgets.

Flutter y compris de nombreux widgets pour la mise en page, contient non seulement la colonne, comprend également la ligne, grilles, listes, etc. En outre, Flutter dispose également d'un modèle de mise en page unique que nous appelons « modèle de mise en page bande (modèle de mise en page de ruban) » pour le défilement. Flutter La mise en page est très rapide, il peut être utilisé pour le défilement. Imaginez rouler doit être lissée si rapidement, qu'il rend les utilisateurs se sentent quand ils traînent sur l'écran physique, et l'image de l'écran comme connecté que leurs doigts.

En utilisant une mise en page de roulement, Flutter peut mettre en uvre de roulement avancé, comme indiqué ci-dessous. S'il vous plaît noter que ce sont GIF animés, plus lisse réel d'application Flutter. Vous pouvez (et devrait) exécuter leurs propres applications, consultez la section Ressources à la fin de cet article.

Dans la plupart des cas, Flutter une seule passe pour terminer la mise en page, ce qui signifie que la mise en page du temps passé est la croissance linéaire, il peut gérer un grand nombre de widgets. Flutter peut également utiliser le cache, ou un autre élément pour éviter la duplication de mise en page.

Conception sur mesure

Parce que les composants de l'interface font désormais partie de l'application, vous pouvez ajouter de nouveaux composants de l'interface utilisateur, et peut personnaliser un composants d'interface utilisateur existants, de sorte que la marque a un autre aspect ou la sensation, ou correspondre aux tendances de conception de l'entreprise sont en mouvement et il y a quelques années la monotonie du départ des applications couramment utilisées, ont commencé à faire l'utilisateur conçu sur mesure agréable.

Flutter avec une richesse de personnalisable Android, iOS et matériel de conception de composants (en fait, on nous a dit Flutter est le matériau Design a réalisé l'une des plus haute fidélité), nous utilisons personnalisable flutter propose de construire ces composants bibliothèque pour correspondre à l'apparence de composants natifs sur plusieurs plates-formes. Les développeurs de programmes peuvent utiliser des fonctionnalités comme un widget personnalisable plus adaptés pour répondre à leurs besoins.

Voir plus réactif sur

bibliothèque existante vues Responsive Web ont introduit DOM virtuel, DOM représente le modèle objet de document HTML. JavaScript API DOM fourni en manipulant les performances d'un arbre élément de document HTML. objet virtuel DOM DOM version abstraite (dans ce cas, JavaScript) pour créer un langage de programmation en cours d'utilisation.

Dans la vue Responsive Web (mis en uvre par ReactJS et autres systèmes), le DOM virtuel est immuable, chaque fois que vous changez, il fallait tout reconstruire. Le système virtuel et la comparaison DOM DOM, génère un ensemble de changements minimes, et ces changements à mettre à jour le vrai DOM. Enfin, la plate-forme est redessinée dans la vraie DOM sur la toile.

Il semble ajoute beaucoup de travail supplémentaire, mais il vaut la peine, parce que la manipulation HTML DOM prend beaucoup de ressources système.

React indigène aussi fait un travail semblable, mais est réalisé dans les applications mobiles entre. Il manipule le composant natif sur une plate-forme mobile au lieu de DOM. Il construit un des composants d'interface d'arbres virtuels, par rapport aux composants d'origine et mise à jour uniquement des pièces qui ont changé.

Rappelez-vous, React natif doit communiquer avec le primaire à travers l'élément pont et, par conséquent, le composant de l'interface utilisateur de l'arbre virtuel peut aider à maintenir le pont de transmission minimum, tout en permettant l'utilisation des composants natifs. Enfin, une fois la mise à jour membre natif, la plate-forme les rendre sur la toile.

React développement mobile natif est un grand pas en avant, et est une source d'inspiration Flutter, mais Flutter plus loin.

Rappelons que dans le Flutter, composants d'interface utilisateur, et a été intégré renderer de la plate-forme à la demande de l'utilisateur. Aucun composant de l'interface utilisateur du système peut fonctionner, de sorte que l'arbre de commande virtuel d'origine où est maintenant l'arbre de contrôle réel. contrôles flutter rendent l'arbre de l'interface utilisateur et d'en tirer sur la plate-forme de toile. Ce qui est bon, simple et rapide. De plus, l'animation se produit dans l'espace utilisateur, l'application (afin que les développeurs) peut être plus de contrôle.

Flutter lui-même est intéressant renderer: il utilise plusieurs structure arborescente interne pour rendre seulement besoin d'être mis à jour sur les composants de l'interface utilisateur de l'écran. Par exemple, le moteur de rendu utilise « rafraîchissement structure synthétique » (ce qui signifie plus efficace que l'utilisation de la région rectangulaire sur l'écran). Les mêmes contrôles de l'interface utilisateur, même ceux qui ont déménagé contrôles d'interface utilisateur, il suffit de changements très subtils dans la mémoire, bien sûr, la vitesse super rapide. Voilà pourquoi la performance de roulement Flutter si haut, même en scène de roulement très complexe.

Pour en savoir plus sur Flutter renderer, je recommande cette vidéo. Vous pouvez également regarder le code, car Flutter est open source. Bien sûr, vous pouvez personnaliser ou même de remplacer l'ensemble de la pile, y compris le rendu, synthétiseur, animation, la reconnaissance des gestes et des widgets de cours.

langage de programmation Dart

Parce que Flutter Comme d'autres systèmes utilisant vue réactive du même point de vue rafraîchies tous les arbres du nouveau cadre, il va créer un grand nombre d'objets en mémoire que dans un seul (un - soixantième). Heureusement, l'utilisation de Dart « la collecte des ordures de génération » pour de tels systèmes est très efficace, puisque l'objet (en particulier, de courte durée) consomment relativement peu de ressources. En outre, un seul pointeur bosse pour compléter les objets attribués. Ceci est un moyen rapide et ne nécessite pas de blocage bosse de pointeur. Cela permet d'éviter l'interface utilisateur Caton.

Dart a aussi un « arbre secouant » compilateur, il ne contient que le code dont vous avez besoin dans votre application. Même si vous avez seulement besoin d'un ou deux, vous pouvez vous sentir libre d'utiliser la grande bibliothèque de commandes d'interface utilisateur.

surcharge thermique

un flutter des caractéristiques les plus populaires est son rapide, conservé l'état du programme surcharge thermique (rechargement à chaud). Vous pouvez modifier l'application Flutter est en cours d'exécution, le code de recharger l'application, il continuera de la position de fonctionnement précédent. Une surcharge thermique généralement moins d'une seconde. Si votre application rencontre une erreur, vous pouvez généralement corriger l'erreur, et continuer comme si l'erreur avait jamais eu lieu. Même si vous devez complètement recharger, il est également très rapide.

Les développeurs nous disent, ce qui leur permet de « dessiner » leur application, un changement, alors vous pouvez voir les résultats presque instantanément sans avoir à redémarrer l'application.

compatibilité

Parce que les composants de l'interface utilisateur (composants de l'interface utilisateur et le moteur de rendu) fait partie de votre demande, ne fait pas partie de la plate-forme, non « bibliothèque compatible. » Votre application peut non seulement le travail, mais aussi dans la version la plus récente du système d'exploitation Android Jelly Bean plus tard et plus tard le système iOS 8.0 est le même. Cela réduit considérablement la nécessité de tester votre application sur les anciennes versions du système d'exploitation. De plus, il est très probable que votre application est compatible avec les futures versions du système d'exploitation.

Nous avons posé des questions sur un problème potentiel. Étant donné que Flutter ne pas utiliser les composants de l'interface utilisateur native, et par conséquent, lorsqu'un nouvel iOS ou Android version apparaissent, les composants d'interface Flutter doivent être mis à jour pour les nouvelles pièces, ou modifier l'apparence ou le comportement des composants existants ne?

• Tout d'abord, Google est Flutter d'un grand utilisateurs internes, nous avons donc un grand intérêt à mettre à jour les composants de l'interface utilisateur, de le garder aussi près de la date et des composants de l'interface utilisateur native.

• S'il y a un moment où nous sommes trop lents dans la mise à jour d'un composant d'interface utilisateur, Google n'est pas le seul à ce jour Flutter composants de l'interface utilisateur. composants d'interface utilisateur flutter sont évolutives et personnalisables, tout le monde peut les mettre à jour, y compris vous, vous ne devez même pas soumettre une demande. Vous ne devez jamais attendre propre mise à jour Flutter.

• Seulement quand vous voulez tenir compte des nouveaux changements dans l'application, les points ci-dessus applique. Si vous ne voulez pas changer affecte l'apparence ou le travail de votre application, alors il n'y a pas besoin d'utiliser mentionné ci-dessus. composants d'interface utilisateur font partie de votre demande, de sorte que l'interface utilisateur ne sera jamais autorisé à changer en cas de vos connaissances et de faire votre demande une mauvaise (ou pire, briser votre application).

• Comme un avantage supplémentaire, vous pouvez écrire votre application afin d'utiliser les nouveaux composants de l'interface utilisateur, même sur les versions du système d'exploitation plus anciens.

D'autres avantages

Pendant ce temps, la simplicité Flutter font courir vite, mais son évolutivité et de personnalisation, rester simple avec des fonctionnalités puissantes.

Dart a un dépôt de paquets. Vous pouvez utiliser ces packages disposent d'application étendue. Par exemple, il existe de nombreux logiciels peuvent facilement accéder à Firebase, de sorte que vous pouvez construire une application « serverless ». contributeurs externes pour créer un logiciel qui vous permet d'accéder au magasin de données Redux. Il y a un certain paquet de façons appelé « plugins », et peuvent être indépendants de la plate-forme du système d'exploitation pour faciliter l'accès aux services et le matériel, tel qu'un accéléromètre ou un appareil photo.

Bien sûr, Flutter est un projet open source, ainsi que Flutter rendu pile fait partie de votre application, ce qui signifie que vous pouvez personnaliser presque toutes les applications que vous voulez. La partie verte de votre chiffre peut être personnalisé:

Alors, « Flutter Quoi de neuf et excitant » moyenne?

Si quelqu'un vous demande Flutter, vous savez maintenant comment y répondre:

• Avantages de vue sensibles, ne nécessite pas de pont JavaScript

• Rapide, lisse, prévisible, code natif compilé AOT (ARM) Code

• Les développeurs un contrôle complet sur la mise en page des composants d'interface utilisateur et

• Avec une belle, des composants de l'interface utilisateur sur mesure

• outils de développement puissants, reload chaud incroyable

• Une meilleure performance, une meilleure compatibilité, plus de plaisir en cours d'élaboration

Avez-vous remarqué quoi que ce soit sur cette liste, je le mets? Ceci est généralement la première chose que les gens parlent quand on parle de Flutter, mais pour moi, c'est l'une des choses les plus importantes Flutter.

C'est, Flutter peut construire des applications belles et rapides pour plusieurs plates-formes à partir d'une seule base de code. Bien sûr, cette liste devrait venir! Son évolutivité et de personnalisation peuvent facilement Flutter à de multiples plates-formes sans pour autant sacrifier la consommation de performance ou de puissance.

révolutionnaire flutter

Je ne l'ai pas tout à fait expliquer pourquoi Flutter est « révolutionnaire ». Ceci est en fait une évaluation très appropriée, parce que l'une des premières applications majeures de développeurs externes à construire avec Flutter est de décrire les États-Unis pendant la guerre d'indépendance, « Hamilton: comédie musicale américaine, » l'application officielle. « Hamilton » est l'un des plus populaires comédies musicales de Broadway.

L'équipe de développement d'applications Posse a déclaré qu'ils ont choisi Flutter parce qu'ils ont besoin pour construire des applications en seulement trois mois. Ils l'appellent « la performance des applications révolutionnaire d'un révolutionnaire » et dit « Flutter est une belle, haute performance, grand choix de la marque axée sur l'expérience mobile. » L'application peut être téléchargée sur l'application Android et iOS magasin et obtenir de plus en plus d'éloges.

Joignez-vous à la révolution!

Flutter est actuellement la version Alpha. Nous ajoutons également plus de fonctionnalités, et nous avons plus programme d'optimisation. Cependant, Google groupes internes et externes utilisent déjà pour construire des applications critiques.

Si vous êtes intéressé Flutter, vous pouvez l'installer et l'expérience qui vient avec quelques exemples d'applications installées, il faut essayer de surcharge thermique.

Si vous n'êtes pas un développeur ou que vous voulez juste voir certaines applications, vous pouvez installer la version application Flutter et de visualiser leur apparence et les performances. Je recommande applications Hamilton, mais il y a d'autres applications. Vous devriez également regarder des vidéos de Google I / O, ils compilation en direct l'application Flutter là.

site Web

• Site Flutter:

  https://flutter.io/

• Dépôt de sources (bienvenue pour envoyer une demande!):

  https://github.com/flutter/flutter