Google Merilis Flutter 2: Apa yang Baru di dalamnya

Google telah meluncurkan Flutter versi 2.0 – kit pengembangan UI sumber terbuka yang memungkinkan pembuat aplikasi membuat aplikasi lintas platform. Pemutakhiran ini menyoroti paket fitur baru dan peningkatan portabilitas Flutter untuk mendukung aplikasi di berbagai platform.

Hari ini, kita akan menjelajahi apa yang ditawarkan Flutter 2. Baca blognya sampai habis.

Flutter 2: Ikhtisar Lengkap

Dukungan Web

Dukungan web kelas atas Flutter adalah deklarasi paling penting dalam acara peluncuran Flutter 2 di Flutter Engage. Sebelumnya, fondasi web sebagian besar berpusat pada dokumen. Sekarang, API platform yang kaya memfasilitasi pengembangan aplikasi yang canggih menggunakan API cat, grafis 2D dan 3D yang dipercepat perangkat keras, dan tata letak yang fleksibel.

Flutter 2 menawarkan dukungan web stabil yang memberikan pengalaman yang sama di web seperti yang bisa didapatkan di seluler. Pakar layanan pengembangan aplikasi seluler dapat membangun aplikasi untuk Android, iOS, dan browser dengan menggunakan basis kode yang sama. Dimungkinkan untuk mengompilasi kode Flutter yang ada yang ditulis di Dart menjadi pengalaman web yang luar biasa karena, dengan Flutter 2, web hanyalah target perangkat lain untuk aplikasi Anda.

Rilis baru ini berfokus pada 3 skenario aplikasi:

• Aplikasi Satu Halaman (SPA)
• Aplikasi Web Progresif (PWA)
• Membawa aplikasi seluler berbasis Flutter yang ada ke web dan menawarkan pengalaman yang sama

Flutter tidak berubah menjadi setara HTML dari widgetnya. Sebaliknya, mesin web Flutter menyediakan pilihan antara dua perender:

1. Perender CanvasKit yang menggunakan WebGL dan WebAssembly untuk merender perintah cat Skia ke kanvas browser
2. Perender HTML yang dioptimalkan untuk kompatibilitas dan ukuran yang luas

Demo Flutter Plasma juga dibuat untuk menunjukkan kemudahan dalam menciptakan pengalaman grafis web yang canggih dengan Dart yang dapat berjalan mulus di seluler dan desktop.

Komunitas juga telah menambahkan beberapa fitur khusus web seperti isi otomatis teks, manifes PWA, dan kontrol atas perutean & URL bilah alamat.

Dukungan Desktop

Ini masih dalam versi beta, versi stabil mungkin akan dirilis akhir tahun ini. Namun demikian, mari kita lihat apa yang ditawarkannya.

Untuk browser desktop, komunitas telah menambahkan pintasan keyboard, scrollbar interaktif, dukungan pembaca layar untuk aksesibilitas yang mudah di Chrome OS, Windows & macOS, dan meningkatkan kepadatan konten default dalam mode desktop.

Google telah membuat beberapa peningkatan – membawa desktop Flutter ke kualitas yang hebat, memastikan bahwa pengeditan teks menawarkan pengalaman asli pada setiap platform yang didukung, mengintegrasikan fitur dasar seperti titik pivot pemilihan teks, dll. Itu juga telah menambahkan menu konteks bawaan ke TextField dan Widget TextFormField untuk bahasa desain Cupertino dan Material. Pegangan Grab ditambahkan ke widget ReorderableListView.

Widget bilah gulir yang diperbarui menyediakan berbagai fitur menarik yang dapat Anda gunakan di desktop. Flutter 2 juga memungkinkan manajemen argumen baris perintah untuk aplikasi Flutter. Dengan begitu, hal-hal seperti mengklik dua kali pada file data di Windows File Explorer dapat digunakan untuk membuka file di aplikasi.

Perbaikan Flutter

Flutter Fix adalah kumpulan dari berbagai hal. Ini memiliki baris perintah eksklusif alat Dart CLI yang dikenal sebagai Dart Fix. Ini membantu untuk mencari daftar API yang tidak digunakan lagi dan memutakhirkan kode dengan ini. Ini juga memungkinkan akses ke daftar perbaikan yang dapat diakses yang dikemas dengan Flutter SDK.

Selanjutnya, ia memiliki serangkaian ekstensi Flutter yang diperbarui untuk Android Studio IDE, VScode, dan IntelliJ yang dapat menyajikan daftar serupa dari solusi yang dapat diakses dan membantu pengembang untuk mengubah kode hanya dengan menggunakan mouse.

Portabilitas yang Diperpanjang

Google menyoroti 3 tim baru-baru ini yang menghadirkan portabilitas maksimal Flutter.

Pertama, Microsoft akan memperluas dukungannya untuk Flutter. Bersamaan dengan kolaborasi baru-baru ini untuk menawarkan dukungan Windows berkualitas premium di Flutter, Microsoft juga akan berkontribusi pada mesin Flutter yang memfasilitasi pengembangan aplikasi untuk perangkat Android yang dapat dilipat.

Kedua, Canonical bekerja sama dengan Google untuk menghadirkan Flutter ke desktop. Ini akan mendukung pengembangan dan penyebaran aplikasi di Linux. Canonical berjanji untuk menawarkan pengalaman luar biasa pada beberapa konfigurasi perangkat keras.

Terakhir, Toyota – produsen kendaraan terkemuka – menyatakan mengadopsi beberapa strategi terobosan untuk menawarkan pengalaman digital generasi berikutnya ke mobil dengan menciptakan berbagai sistem infotainment yang diaktifkan oleh Flutter. Toyota berusaha merekrut pengembang Flutter karena sistem sentuh tingkat smartphone Flutter, iterasi cepat, ergonomi pengembang, dan kinerja tinggi yang konsisten. API tersemat Flutter akan memungkinkan Toyota menyesuaikan Flutter dan memenuhi persyaratan untuk membangun sistem infotainment mutakhir.

Tambahkan-ke-Aplikasi

Flutter 2 bertujuan untuk mengurangi beban kerja developer di agensi pengembangan aplikasi mana pun sambil memastikan hasil berkualitas tinggi. Add-to-App adalah fitur lain untuk menyoroti tujuan itu.

Pengembang dapat menambahkan Flutter ke aplikasi Android atau iOS yang ada. Fitur Add-to-App adalah cara yang bagus untuk menggunakan kembali kode Flutter di kedua platform sambil menyimpan database asli saat ini. Dengan perubahan ini, Google menyarankan kemungkinan integrasi mesin Flutter di aplikasi asli.

Flutter Folio

Seperti yang telah kita bahas, Flutter sekarang mendukung 3 platform – Android, iOS dan web dan 3 lainnya dalam versi beta – Windows, Linux, dan macOS. Bagaimana mungkin membuat aplikasi yang berubah menjadi beberapa bentuk (layar kecil, besar, dan menengah), beberapa idiom (web, seluler, dan desktop), dan beberapa mode input (keyboard, mouse, dan sentuh)?

Flutter Folio memberikan jawaban untuk pertanyaan ini.

Flutter Folio adalah aplikasi scrapbooking yang dirancang untuk menampilkan kemampuan Flutter untuk membuat aplikasi yang berjalan mulus di setiap platform dan perangkat: Android, iOS, Mac, Windows, Linux, dan Web. Ini adalah contoh sempurna dari aplikasi adaptif, yang dibuat dalam kolaborasi dengan gskinner dan tim Flutter.

Flutter DevTools

Flutter DevTools digunakan untuk men-debug aplikasi Flutter. Sebuah fitur baru diperkenalkan yang berfokus pada masalah apa pun bahkan sebelum meluncurkan DevTools adalah kemampuan IntelliJ, Android Studio, atau Visual Studio Code untuk memperhatikan setiap kali ada pengecualian dan menawarkan untuk mempresentasikannya di DevTools untuk memulai proses debugging.

Saat menjalankan DevTools, lencana kesalahan baru pada tab membantu melacak berbagai masalah di aplikasi.

Di DevTools, fungsi baru lainnya telah ditambahkan yang memungkinkan melihat gambar dengan mudah pada resolusi yang lebih tinggi daripada yang ditampilkan. Ini membantu mengurangi penggunaan memori ekstra dan ukuran aplikasi. Pengembang dapat mengizinkan Invert Oversized Images di Flutter Inspector untuk mengaktifkan fitur ini.

Google juga telah menambahkan kemampuan untuk menampilkan tata letak tetap. Ini memungkinkan pengembang untuk men-debug berbagai jenis tata letak.

Fitur lain yang tersedia di Flutter DevTools 2 adalah sebagai berikut:

• Tampilan Performa sekarang diganti namanya menjadi CPU Profiler. Demikian pula, tampilan Timeline diubah namanya menjadi Performance. Perubahan menyoroti fungsi yang mereka tawarkan.
• Bagan tampilan memori baru lebih kecil, lebih mudah digunakan, dan lebih cepat. Ini menggabungkan kartu hover baru yang menjelaskan aktivitas pada waktu tertentu.
• Fungsionalitas pencarian dan pemfilteran ditambahkan ke tab Logging.
• Data FS rata-rata dan berbagai peningkatan kegunaan disertakan dalam Bagan Bingkai Flutter.
• Kisi waktu termasuk dalam diagram nyala CPU Profiler.
• Formulir tracklogs dimulai sehingga pengembang dapat memeriksa total riwayat logging saat mereka memulainya.
• Permintaan jaringan yang gagal akan dipanggil di profiler jaringan untuk fiksasi instan.

Iklan Seluler Google untuk Flutter

Google mengumumkan peluncuran beta Iklan Seluler Google untuk Flutter. SDK baru bekerja dengan baik dengan AdMob dan AdManager untuk menawarkan format iklan yang berbeda, menggabungkan iklan banner, native, interstisial, dan video reward.

Google juga telah mengumumkan berbagai pembaruan pada plugin Flutter untuk layanan Firebase utama seperti Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, mengintegrasikan bantuan untuk keamanan nol suara, serta pembaruan Paket Cloud Messaging.

Anak panah 2.12

Ini adalah satu lagi wahyu penting dari Google. Dart 2.12 mendukung keamanan nol suara. Ini memiliki potensi untuk menghapus pengecualian referensi nol. Dengan begitu, ini memastikan pada pengembangan dan runtime bahwa tipe hanya dapat berisi nilai nol jika pengembang memilih secara tegas.

Pembaruan juga mencakup aplikasi FFI (Foreign Function Interface) yang konsisten. Ini memungkinkan pengembang untuk menggunakan pustaka dart:ffi untuk memanggil API C asli.

Saatnya Menyelesaikan

Seperti yang Anda lihat, Flutter 2 membawa beberapa perubahan besar di bidang pengembangan aplikasi. Batas antara menggunakan web dan aplikasi seluler secara bertahap memudar demi menawarkan pengalaman pengguna yang luar biasa dari beragam platform dan perangkat. Jika Anda ingin mengikuti arus, inilah saatnya untuk membangun aplikasi dengan Flutter 2!