[Google IO 2018] Flutter Beta 3 ist da und leistungsstärker denn je

Während sich die Welt der plattformübergreifenden App-Entwicklung hauptsächlich auf das React Native-Framework konzentrierte, hat sich die Zeit geändert.

Spätestens seit der Ankündigung von Flutter und der Anwendung seines Beta-Launchs ist klar, dass die in der App-Entwickler-Community kursierende Vorstellung – Flutter-Apps sind besser als React Native – zu einer weltweit akzeptierten Tatsache werden wird.

Das plattformübergreifende SDK wurde mit einer Reihe von Funktionen eingeführt, die es im Rennen von Flutter vs. React Native 2018 an die Spitze gebracht haben.

Hier sind einige der differenzierenden Faktoren, die in Flutter-Apps eingebettet sind –

Heißes Neuladen

Dies ist eine der leistungsstärksten Funktionen von Flutter. Wenn Sie es verwenden, können Sie die Auswirkungen der Änderungen, die Sie im Code vornehmen, sofort auf dem Bildschirm sehen.

Hot Reload macht die plattformübergreifende Entwicklung mobiler Apps viel intelligenter und schneller.

Vollständiger Satz von Materialdesign-Widgets

Flutter wird mit einem erstaunlichen Katalog integrierter Benutzeroberflächenkomponenten geliefert. Sie haben zwei Arten von Widgets in ihr SDK integriert – Material Design für Android und Cupertino für iOS. Die Entwickler haben die Freiheit, eine von ihnen auszuwählen und sie plattformübergreifend auszurollen.

Das gesamte SDK ist ein Satz von Widgets

Das Kernprinzip von Flutter-Apps besteht darin, alles zu einem Widget zu machen. Die App-Klasse ist ein Widget (MaterialApp), die gesamte Layoutstruktur ist das Widget (Scaffold) und im Allgemeinen ist alles ein Widget (Drawer, AppBar, SnackBar). Tatsächlich gibt es ein Widget zum Ändern der Ansicht in die Mitte.

Unterschiedliches Theme für iOS und Android

Flutter wird mit verschiedenen Themen geliefert, die mit Android- und iOS-spezifischen Widgets, Farben und Abmessungen geliefert werden.

Da jede Flutter-App von den plattformspezifischen Themen angetrieben wird, hat sie ein natives Erscheinungsbild.

Unterstützung mehrerer Pakete

Bereits in seiner Beta-Version unterstützt Flutter eine Reihe von Paketen. Es gibt separate Pakete, um HTTP-Anfragen zu stellen, Bilder zu öffnen, Einstellungen zu speichern, Inhalte zu teilen, Firebase zu implementieren, auf Sensoren zuzugreifen und vieles mehr.

[Lesen Sie mehr über Flutter und was es besser macht als React Native: Flutter: Ein detaillierter Einblick in die Beta, die auf der Google I/O 2018 bekannt gemacht wird ]

Die Beta-Version von Flutter, die im März 2018 auf dem Mobile World Congress eingeführt wurde, gab einer Reihe von Marken den Anstoß, sowohl auf dem iPhone als auch auf Android präsent zu sein, beide mit einem hohen nativen Look, der Flutter verwendet.

Seit der Einführung wurden eine Reihe von Apps in den Stores veröffentlicht, die von der Leistungsfähigkeit von Flutter unterstützt werden. Eine Zahl, die seit der I/O 2018 nur noch steigen wird.

Flutter Beta 3.0 wurde auf der I/O 2018 eingeführt

Auf der Google I/O 2018 kündigte der Technologieriese die Einführung von Flutter Beta 3 mit einer Reihe neuer Funktionen an, die die plattformübergreifende App-Entwicklung auf Flutter noch anpassbarer und bequemer machen.

Hier sind die Funktionen, die in Flutter Beta 3 eingeführt wurden –

Die neue Version konzentriert sich hauptsächlich auf drei Komponenten – Fundamental, Ecosystem und Tooling.

Im Bereich Grundlagen

An den Materialdesign-Widgets in Flutter Beta 3 wurden eine Reihe von Änderungen vorgenommen, um den Grad der Anpassung und Flexibilität zu erhöhen –

• Eine BottomAppBar-Komponente wurde hinzugefügt
• Die Unterstützung für Chips wurde verbessert und erweitert
• InputDecorator unterstützt jetzt den unterstrichenen/gefüllten und umrissenen Modus
• Bessere Anpassung von Farbe und Form mit Slider
• Die Flexibilität der Positionierung mit FloatingActionButton

Zusammen mit diesen wurden eine Reihe von Änderungen an der Flutter Gallery-Anwendung vorgenommen, um eine Reihe von Änderungen zu präsentieren, wie z. B. – neue Backdrop-Demo, aktualisierte Textfelder, hinzugefügte Demo für OutlineButton und angepasste Auswahlanzeige.

Abgesehen davon bietet Flutter eine Reihe von Verbesserungen bei der Unterstützung der Barrierefreiheit für die Anwendungen, die Flutter verwenden, darunter die Verbesserung der Unterstützung für großen Text, Bildschirmlesegeräte und die Kontrastfähigkeiten.

Außerdem können Unternehmen mit Flutter jetzt sogar Apps erstellen, die von rechts nach links geschrieben sind.

Im Bereich Ökosystem

Ein neuer Satz voll funktionsfähiger Plug-ins wurde der Suite von Firebase-Plug-ins in Flutter Beta 3, der größten Ankündigung von Google I/O 2018, hinzugefügt – Remote Config, Performance Monitoring und Cloud Firestore. Die Unterstützung, die Flutter für Anzeigen anbietet, die von AdMob Google betrieben werden, geht in Richtung Beta, was es den Entwicklern ermöglichen würde, ihre auf Flutter basierenden Anwendungen zu monetarisieren.

Das neue AdMob-Plug-in unterstützt das Laden und Anzeigen von Banner-, Interstitial- und belohnungsbasierten Videoanzeigen mithilfe der AdMob-API.

In Bezug auf die Werkzeugausstattung

Flutter hat UI Inspector mit der neuen Funktion „Just My Widgets“ neu gestaltet, die die automatisch generierten Widgets herausfiltert. Entwickler können ihre Flutter-App sogar im Profilmodus ausführen, der die Speichernutzungsanzeigen und Frames pro Sekunde hinzufügt.

Außerdem wurde der Visual Studio Code jetzt als vollständig unterstützte Entwicklungsumgebung für Flutter entwickelt. Zusammen mit diesen bestehen weitere bemerkenswerte Funktionen, die sowohl für Visual Studio als auch für Android Studio veröffentlicht wurden, aus einer breiten Palette von Refactorings. Es enthält auch einen Extract Widget-Refaktor, der dabei hilft, eine neue Widget-Klasse zu erstellen und einen Aufruf zu ihrem Konstruktor an der nativen Position hinzuzufügen.

Für diese und zukünftige Versionen hat Google Flutter mit Material Design zusammengebracht, um die Kraft des innovativen Designs in die Welt der schönen UI für Android- und iOS-Toolkits einzubringen.

Lassen Sie uns einen genaueren Blick auf die Kombination von Flutter und Material Design werfen.

Verbessern Sie Flutter mit Material Theming

Die Google I/O 2018-Session zum Thema „Coding Beautiful Design with Flutter and Material Design“ begann mit der Einführung „Oh, wie, wenn Flutter und Material Design zusammengebracht werden, um eine App zu schaffen, die ausdrucksstark und verbessert ist und für Entwickler eine Freude ist, an der sie arbeiten können.

Während Flutter bereits mit einer großen Bibliothek von Widgets wie Scrollen, Containern und Listenansichten ausgestattet ist, die nach den Prinzipien des Materialdesigns gestaltet sind, hat Google I/O 2018 dieses Mal etwas Neues mit Materialdesign angekündigt – Material Theming.

Materialthemen helfen dabei, Ihr Markenimage auf das gesamte Design der mobilen App anzuwenden. Alles, von Form, Typografie bis hin zu Farbe und Animationskurven, wurde anpassbar gemacht, um dem genauen Marken-Look zu entsprechen. Sie können die Farbpalette und die Typografiethemen auswählen oder die Form des Designs ändern, um ein eigenes Thema in Ihrer Flutter-App zu erstellen.

Sie gingen hinaus, um weiter anzukündigen, dass Flutter von nun an eine Plattform im Bereich Material Design ist. Ab sofort die Dokumentation von iOS, Android, Flutter und Web durch Materialkomponenten, Material-Tool-Suite und Materialrichtlinien.

Nun, der Grund, warum Material Design mit Flutter hinzugefügt wurde, liegt darin, dass Marken begannen, sie religiös zu befolgen und umzusetzen, als Material Design-Richtlinien eingeführt wurden, was zu einer Reihe ähnlich aussehender Apps führte. Um dies zu lösen und allen Flutter-Apps einen Hauch von Individualität zu verleihen, hat Google Material Theming in Flutter Beta 3 eingeführt.

Powered by Material Design machen Flutter-Apps ausdrucksstark – mit ihren anpassbaren Layouts, Widgets und Designs. Verbessert – mit neuem Stil und neuen Komponenten wie Textfeld und Hintergrund. Herrlich – durch Erweiterbarkeit von Komponenten.

Unter Verwendung der Kombination aus Material Design und Flutter SDK wurde eine Reihe von Apps entwickelt und sowohl für Android als auch für das iPhone veröffentlicht.

Ein Blick in die Liste der mit Flutter erstellten Apps

• Alibaba – E-Commerce-App
• Google AdWords – App zur Verwaltung von Werbekampagnen
• AppTree – Unternehmens-App
• Topline – Unterhaltungs-App
• Birch Finance – Finanz-App
• Coach Yourself – Lifestyle-App
• Google Greentea – Unternehmens-App
• Hamilton Musical – Unterhaltungs-App
• Hookle – Social-Media-Management-App
• OfflinePal – Tourismus-App
• VivaBem Pol – App für Gesundheit und Wohlbefinden
• BetaBubs – Instant-Messaging-App