Google wypuszcza Flutter 2: co nowego

Firma Google uruchomiła wersję 2.0 Fluttera – zestawu programistycznego interfejsu użytkownika o otwartym kodzie źródłowym, który umożliwia twórcom aplikacji tworzenie aplikacji międzyplatformowych. Aktualizacja podkreśla zupełnie nowy pakiet funkcji i ulepszoną przenośność Flutter w celu obsługi aplikacji na różnych platformach.

Dzisiaj przyjrzymy się, co ma do zaoferowania Flutter 2. Przeczytaj bloga do końca.

Flutter 2: Pełny przegląd

Wsparcie internetowe

Zaawansowana obsługa sieciowa Fluttera jest najważniejszą deklaracją podczas inauguracji Flutter 2 na Flutter Engage. Wcześniej fundament sieci był głównie skoncentrowany na dokumentach. Teraz bogate interfejsy API platformy ułatwiają tworzenie zaawansowanych aplikacji przy użyciu interfejsów API do malowania, przyspieszanej sprzętowo grafiki 2D i 3D oraz elastycznego układu.

Flutter 2 oferuje stabilną obsługę sieciową, która zapewnia takie same wrażenia w sieci, jak w przypadku urządzeń mobilnych. Eksperci usług tworzenia aplikacji mobilnych mogą tworzyć aplikacje na Androida, iOS i przeglądarkę, korzystając z tej samej bazy kodu. Możliwe jest kompilowanie istniejących kodów Flutter napisanych w Dart w doskonałe środowisko internetowe, ponieważ dzięki Flutter 2 sieć jest po prostu kolejnym celem urządzenia dla Twojej aplikacji.

Nowa wersja skupia się na 3 scenariuszach aplikacji:

• Aplikacja jednostronicowa (SPA)
• Progresywna aplikacja internetowa (PWA)
• Wprowadzanie istniejących aplikacji mobilnych opartych na Flutter do sieci i oferowanie takich samych wrażeń

Flutter nie przenosi się na odpowiedniki HTML swoich widżetów. Zamiast tego silnik sieciowy Fluttera zapewnia wybór między dwoma rendererami:

1. Renderer CanvasKit, który wykorzystuje WebGL i WebAssembly do renderowania poleceń malowania Skia na kanwie przeglądarki
2. Renderer HTML zoptymalizowany pod kątem szerokiej kompatybilności i rozmiaru

Wersja demonstracyjna Flutter Plasma została również zbudowana, aby pokazać łatwość tworzenia wyrafinowanej grafiki internetowej za pomocą Dart, która może bezproblemowo działać na urządzeniach mobilnych i stacjonarnych.

Społeczność dodała również kilka funkcji specyficznych dla sieci, takich jak autouzupełnianie tekstu, manifesty PWA oraz kontrola nad adresami URL routingu i paska adresu.

Pomoc techniczna

Nadal jest w fazie beta, stabilna wersja może zostać wydana jeszcze w tym roku. Niemniej jednak przyjrzyjmy się, co ma do zaoferowania.

W przypadku przeglądarek komputerowych społeczność dodała skróty klawiaturowe, interaktywne paski przewijania, obsługę czytników ekranu w celu ułatwienia dostępu w systemie operacyjnym Chrome, Windows i macOS oraz poprawiła domyślną gęstość treści w trybie pulpitu.

Firma Google wprowadziła kilka ulepszeń - zapewniając doskonałą jakość pulpitu Flutter, zapewniając, że edycja tekstu zapewnia natywne wrażenia na każdej obsługiwanej platformie, integrując podstawowe funkcje, takie jak punkty obrotu tekstu itp. Dodano również wbudowane menu kontekstowe do TextField i Widgety TextFormField dla języków projektowania Cupertino i Material. Uchwyty Grab są dodawane do widżetu ReorderableListView.

Zaktualizowany widżet paska przewijania zapewnia różne ciekawe funkcje, z których możesz korzystać na pulpicie. Flutter 2 umożliwia również zarządzanie argumentami wiersza poleceń dla aplikacji Flutter. W ten sposób takie rzeczy, jak dwukrotne kliknięcie pliku danych w Eksploratorze plików systemu Windows, mogą być używane do otwierania pliku w aplikacji.

Naprawa trzepotania

Flutter Fix to zbiór różnych rzeczy. Posiada ekskluzywny wiersz poleceń narzędzia Dart CLI znanego jako Dart Fix. Pomaga przeszukać listę przestarzałych interfejsów API i za ich pomocą uaktualnić kod. Umożliwia również dostęp do listy dostępnych poprawek, która jest spakowana z pakietem Flutter SDK.

Co więcej, ma zaktualizowany zestaw rozszerzeń Flutter dla Android Studio IDE, VScode i IntelliJ, które mogą przedstawić podobną listę dostępnych rozwiązań i pomóc programistom zmieniać kody za pomocą myszy.

Rozszerzona przenośność

Google wyróżnia 3 ostatnie zespoły, które prezentują maksymalną przenośność Fluttera.

Po pierwsze, Microsoft rozszerzy wsparcie dla Fluttera. Oprócz niedawnej współpracy mającej na celu oferowanie najwyższej jakości obsługi systemu Windows we Flutter, Microsoft wniesie również wkład w silnik Flutter, który ułatwia tworzenie aplikacji dla składanych urządzeń z systemem Android.

Po drugie, Canonical współpracuje z Google za przeniesienie Fluttera na komputer. Będzie wspierać tworzenie i wdrażanie aplikacji w systemie Linux. Canonical obiecuje oferować doskonałe wrażenia na kilku konfiguracjach sprzętowych.

Wreszcie, Toyota – wiodący producent pojazdów – zadeklarowała przyjęcie pewnych przełomowych strategii oferowania samochodom cyfrowych doświadczeń nowej generacji poprzez tworzenie różnych systemów informacyjno-rozrywkowych udostępnianych przez Flutter. Toyota starała się zatrudnić programistę Flutter ze względu na system dotykowy Flutter na poziomie smartfonów, szybką iterację, ergonomię programisty i stałą wysoką wydajność. Wbudowane API Fluttera pozwolą Toyocie dostosować Fluttera i spełnić wymagania tworzenia najnowocześniejszych systemów informacyjno-rozrywkowych.

Dodaj do aplikacji

Flutter 2 ma na celu zmniejszenie obciążenia pracą programistów w dowolnej agencji zajmującej się tworzeniem aplikacji, zapewniając jednocześnie wysokiej jakości wyniki. Add-to-App to kolejna funkcja, która podkreśla ten cel.

Deweloperzy mogą dodać Flutter do istniejącej aplikacji na Androida lub iOS. Funkcja Dodaj do aplikacji to świetny sposób na ponowne wykorzystanie kodu Flutter na obu platformach przy jednoczesnym przechowywaniu bieżącej natywnej bazy danych. Dzięki tej zmianie Google sugeruje możliwą integrację silnika Flutter z aplikacjami natywnymi.

Trzepotanie folio

Jak już wspomnieliśmy, Flutter obsługuje teraz 3 platformy – Android, iOS i Internet oraz 3 kolejne w wersji beta – Windows, Linux i macOS. Jak można stworzyć aplikację, która zmienia się w kilka form (małe, duże i średnie ekrany), kilka idiomów (web, mobile i desktop) i kilka trybów wprowadzania (klawiatura, mysz i dotyk)?

Flutter Folio daje odpowiedź na to pytanie.

Flutter Folio to aplikacja do scrapbookingu zaprojektowana z myślą o możliwościach Fluttera do tworzenia aplikacji, które bezproblemowo działają na każdej platformie i urządzeniu: Android, iOS, Mac, Windows, Linux i w Internecie. Jest to doskonały przykład aplikacji adaptacyjnej, stworzonej we współpracy z gskinnerem i zespołem Fluttera.

Flutter DevTools

Flutter DevTools służy do debugowania aplikacji Flutter. Wprowadzono nową funkcję, która skupia się na każdym problemie jeszcze przed uruchomieniem DevTools, jest to, że IntelliJ, Android Studio lub Visual Studio Code może zauważyć, kiedy występuje wyjątek i zaoferować go w DevTools, aby zainicjować proces debugowania.

Podczas uruchamiania DevTools nowe plakietki błędów na kartach pomagają śledzić różne problemy w aplikacji.

W DevTools dodano kolejną nową funkcję, która umożliwia łatwe oglądanie obrazu w wyższej rozdzielczości niż jest to prezentowane. Pomaga zmniejszyć dodatkowe zużycie pamięci i rozmiar aplikacji. Deweloperzy mogą zezwolić, aby funkcja Invert Oversized Images w Flutter Inspector włączyła tę funkcję.

Google dodał również możliwość wyświetlania stałych układów. Pozwala to programistom na debugowanie różnych typów układów.

Inne funkcje dostępne w Flutter DevTools 2 obejmują:

• Widok wydajności został teraz zmieniony na Profiler procesora. Podobnie widok Oś czasu zmienił nazwę na Wydajność. Zmiany podkreślają oferowane przez nie funkcjonalności.
• Nowe wykresy widoku pamięci są mniejsze, łatwiejsze w użyciu i szybsze. Zawiera nową wizytówkę, która wyjaśnia czynności w określonym czasie.
• Do zakładki Logowanie dodano funkcję wyszukiwania i filtrowania.
• Średnie dane FS i różne ulepszenia użyteczności są zawarte na wykresie Flutter Frames Chart.
• Siatka czasowa znajduje się na wykresach płomieniowych CPU Profiler.
• Uruchomiony zostaje formularz Tracklogs, dzięki czemu programiści mogą sprawdzić całkowitą historię rejestrowania po uruchomieniu.
• Nieudane żądania sieciowe zostaną wywołane w profilu sieciowym w celu natychmiastowej naprawy.

Reklamy mobilne Google dla Flutter

Google ogłasza uruchomienie beta reklam mobilnych Google dla Fluttera. Nowy pakiet SDK dobrze współpracuje z AdMob i AdManagerem, oferując różne formaty reklam, w tym reklamy banerowe, natywne, pełnoekranowe i reklamy wideo z nagrodami.

Google zadeklarowało również różne aktualizacje wtyczek Flutter dla kluczowych usług Firebase, takich jak Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, integrując pomoc w zakresie bezpieczeństwa zerowego, a także aktualizację Cloud Messaging Package.

Rzutka 2.12

To kolejna znacząca rewelacja Google. Dart 2.12 obsługuje dźwięk zerowego bezpieczeństwa. Ma potencjał, aby usunąć każdy wyjątek odwołania o wartości null. W ten sposób zapewnia to, że podczas opracowywania i uruchamiania typy mogą zawierać tylko wartości null, jeśli programista wyraźnie wybierze.

Aktualizacja zawiera również spójną aplikację FFI (Foreign Function Interface). Umożliwia programistom korzystanie z biblioteki dart:ffi w celu wywoływania natywnych API C.

Czas podsumować

Jak widać, Flutter 2 wprowadza przełomowe zmiany w dziedzinie tworzenia aplikacji. Granica między korzystaniem z Internetu a aplikacji mobilnej stopniowo zanika na rzecz oferowania doskonałego doświadczenia użytkownika na różnych platformach i urządzeniach. Jeśli chcesz iść z prądem, czas zbudować aplikację z Flutter 2!