[Google IO 2018] Flutter Beta 3 jest już dostępny i jest potężniejszy niż kiedykolwiek

Podczas gdy świat tworzenia aplikacji wieloplatformowych był głównie skoncentrowany na frameworku React Native, czas się zmienił.

Od czasu ogłoszenia Fluttera i zastosowania jego wersji beta stało się jasne, że pogląd, który krąży w społeczności twórców aplikacji – aplikacje Flutter są lepsze niż React Native – ma stać się powszechnie akceptowanym faktem.

Uruchomiono wieloplatformowy pakiet SDK z wieloma funkcjami, które wyniosły go na szczyt w wyścigu Flutter vs React Native 2018.

Oto niektóre z wyróżniających czynników, które są osadzone w aplikacjach Flutter:

Gorące przeładowanie

To jedna z najpotężniejszych funkcji Fluttera. Korzystając z niego, możesz natychmiast zobaczyć na ekranie efekt zmian, które wprowadzasz w kodzie.

Hot reload sprawia, że ​​tworzenie aplikacji mobilnych na wielu platformach jest znacznie inteligentniejsze i szybsze.

Kompletny zestaw widżetów do projektowania materiałów

Flutter zawiera niesamowity katalog wbudowanych komponentów interfejsu użytkownika. W swoim SDK włączyli dwa rodzaje widżetów – Material Design na Androida i Cupertino na iOS. Deweloperzy mają swobodę wyboru jednego z nich i rozmieszczania go na różnych platformach.

Cały SDK to zestaw widżetów

Podstawową zasadą aplikacji Flutter jest uczynienie wszystkiego widżetem. Klasa app to widżet (MaterialApp), cała struktura układu to widżet (Scaffold) i ogólnie wszystko jest widżetem (Drawer, AppBar, SnackBar). W rzeczywistości istnieje widżet do zmiany widoku na środek.

Inny motyw dla iOS i Androida

Flutter jest dostarczany z różnymi motywami, które są dostarczane z widżetami, kolorami i wymiarami dla Androida i iOS.

Opierając się na motywach specyficznych dla platformy, każda aplikacja Flutter ma natywny wygląd i styl.

Obsługa wielu pakietów

Nawet w wersji beta Flutter obsługuje wiele pakietów. Istnieją oddzielne pakiety do wysyłania żądań HTTP, otwierania obrazów, przechowywania preferencji, udostępniania treści, wdrażania Firebase, uzyskiwania dostępu do czujników i wielu innych.

[Przeczytaj więcej o Flutterze i co czyni go lepszym niż React Native: Flutter: szczegółowe spojrzenie na wersję beta, która zostanie spopularyzowana w Google I/O 2018 ]

Wersja beta Fluttera, która została zaprezentowana podczas Mobile World Congress w marcu 2018 r., zachęciła wiele marek do obecności zarówno na iPhonie, jak i Androidzie, obie z wysokim natywnym wyglądem przy użyciu Fluttera.

Od czasu premiery istnieje wiele aplikacji, które zostały opublikowane w Sklepach wspieranych przez moc Flutter. Liczba, która wzrośnie dopiero od I/O 2018.

Flutter Beta 3.0 wprowadzony na I/O 2018

Podczas Google I/O 2018 gigant technologiczny ogłosił wprowadzenie Flutter Beta 3 z szeregiem nowych funkcji, dzięki którym tworzenie aplikacji międzyplatformowych na Flutterze jest jeszcze bardziej konfigurowalne i wygodniejsze.

Oto funkcje, które zostały wprowadzone w Flutter Beta 3 –

Nowa wersja koncentruje się głównie na trzech składnikach — podstawowym, ekosystemie i oprzyrządowaniu.

W obszarze Podstawy

W widżetach Material Design w Flutter Beta 3 wprowadzono szereg zmian w celu zwiększenia poziomu dostosowywania i elastyczności –

• Dodano komponent BottomAppBar
• Poprawiono i rozszerzono obsługę żetonów
• InputDecorator obsługuje teraz tryb podkreślenia/wypełnienia i konturu
• Większa personalizacja koloru i kształtu za pomocą Slidera
• Elastyczność pozycjonowania dzięki FloatingActionButton

Wraz z nimi wprowadzono szereg zmian w aplikacji Flutter Gallery, aby pokazać szereg zmian, takich jak – nowe demo Tła, zaktualizowane pola tekstowe, dodane demo dla OutlineButton i dostosowany wskaźnik wyboru.

Poza tym Flutter oferuje szereg ulepszeń w obsłudze ułatwień dostępu dla aplikacji korzystających z Flutter, w tym poprawę obsługi dużego tekstu, czytników ekranu i możliwości kontrastu.

Ponadto, dzięki Flutterowi, firmy mogą teraz nawet tworzyć aplikacje, które są w alfabecie od prawej do lewej.

W obszarze Ekosystemu

Nowy zestaw w pełni funkcjonalnych wtyczek został dodany do zestawu wtyczek Firebase w największym ogłoszeniu Google I/O 2018 Flutter Beta 3 – Zdalna konfiguracja, monitorowanie wydajności i Cloud Firestore. Wsparcie, które Flutter oferuje dla reklam obsługiwanych przez AdMob Google, zmierza w kierunku wersji beta, co umożliwi programistom zarabianie na aplikacjach opartych na Flutterze.

Nowa wtyczka AdMob ułatwia ładowanie i wyświetlanie banerowych, pełnoekranowych i opartych na nagrodach reklam wideo za pomocą interfejsu API AdMob.

W odniesieniu do oprzyrządowania

Flutter przeprojektował Inspektora interfejsu użytkownika z nową funkcją „Just My Widgets”, która odfiltrowuje automatycznie generowane widżety. Deweloperzy mogą nawet uruchomić swoją aplikację Flutter w trybie profilu, który dodaje wyświetlacze użycia pamięci i liczbę klatek na sekundę.

Ponadto kod Visual Studio Code jest obecnie rozwijany jako w pełni obsługiwane środowisko programistyczne dla Fluttera. Wraz z nimi inne godne uwagi funkcje, które zostały wydane zarówno dla Visual Studio, jak i Android Studio, obejmują szeroki zestaw refaktoryzacji. Zawiera również refaktor Extract Widget, który pomaga stworzyć nową klasę Widget i dodać wywołanie do jej konstruktora w pozycji natywnej.

W tej wersji, a także w przyszłych, firma Google nawiązała współpracę z Flutter i Material Design, aby wprowadzić moc innowacyjnego projektowania do świata pięknego zestawu narzędzi dla systemu Android i iOS.

Przyjrzyjmy się bliżej połączeniu Flutter i Material Design.

Spraw, by Flutter był lepszy dzięki motywom materiałów

Sesja Google I/O 2018 poświęcona programowaniu pięknego projektu za pomocą Flutter i Material Design rozpoczęła się od wprowadzenia, jak razem Flutter i Material Design tworzą aplikację, która jest wyrazista, ulepszona i stanowi przyjemność dla programistów.

Podczas gdy Flutter jest już wyposażony w dużą bibliotekę widżetów, takich jak przewijanie, kontenery i widoki list, które zostały zaprojektowane zgodnie z zasadami Material Design, Google I/O 2018 ogłosił tym razem coś nowego w Material Design — Material Theming.

Tematyka materiałów pomaga zastosować wizerunek Twojej marki w całym projekcie aplikacji mobilnej. Wszystko, od kształtu, typografii po kolory i krzywe animacji, zostało dostosowane do dokładnego wyglądu marki. Możesz wybrać paletę kolorów i motywy typograficzne lub zmienić kształt projektu, aby utworzyć własny motyw w aplikacji Flutter.

Wyszli, aby ogłosić dalej, że od teraz Flutter jest platformą w Material Design. Od teraz dokumentacja iOS, Android, Flutter i Web poprzez komponenty materiałowe, pakiet narzędzi materiałowych i wytyczne materiałowe.

Teraz powodem dodania Material Design do Flutter jest to, że kiedy wprowadzono wytyczne Material Design, marki zaczęły przestrzegać ich i wdrażać je religijnie, co dało początek wielu podobnym aplikacjom. Aby rozwiązać ten problem i wprowadzić odrobinę indywidualności we wszystkich aplikacjach Flutter, Google wprowadził motywy materiałowe do Flutter Beta 3.

Oparte na Material Design aplikacje Flutter są ekspresyjne – dzięki dostosowywanym układom, widżetom i motywom. Ulepszony — z nowym stylem i komponentami, takimi jak pole tekstowe i tło. Zachwyca – oferując rozszerzalność komponentów.

Korzystając z połączenia Material Design i Flutter SDK, opracowano i opublikowano wiele aplikacji na Androida i iPhone'a.

Rzut okiem na listę aplikacji zbudowanych z Flutter

• Alibaba – aplikacja e-commerce
• Google AdWords – aplikacja do zarządzania kampaniami reklamowymi
• AppTree — aplikacja dla przedsiębiorstw
• Topline – aplikacja rozrywkowa
• Brzoza Finance – aplikacja finansowa
• Trenuj siebie – aplikacja Lifestyle
• Google Greentea — aplikacja dla przedsiębiorstw
• Hamilton Musical – aplikacja rozrywkowa
• Hookle – aplikacja do zarządzania mediami społecznościowymi
• OfflinePal – aplikacja turystyczna
• VivaBem Pol – aplikacja dotycząca zdrowia i dobrego samopoczucia
• BetaBubs – aplikacja do obsługi wiadomości błyskawicznych