มีอะไรใหม่ใน Flutter 3

Flutter 3 เปิดตัวแล้ว เมื่อวันที่ 12 พฤษภาคม 2565 ในงาน Google I/O 2022 เพิ่มความสามารถใหม่ๆ หลายอย่างทีเดียว

มีอะไรใหม่บ้างแบบรวบรัด

>> รองรับ Platform เพิ่มมาอีก 2 คือ macOS และ Linux 
>> อัพเดทชุดเครื่องมือ DevTools
>> รองรับ Firebase Crashlytics สำหรับวิเคราะห์และรายงานข้อผิดพลาดของแอพ
>> เพิ่มชุดเครื่องมือพัฒนาเกมส์ (Games Toolkit)

พร้อมขึ้น Production กับ Desktop ทุก Platform

เรียกได้ว่าทีม Flutter เอาจริง เอาจังกับ Desktop แอพมากๆ รอบนี้ใน Flutter 3 เปิดตัวมาอีก 2 Platform หลักนั่นคือ Linux และ macOS แบบ Stable พร้อมขึ้นงานจริงได้เลย ใครอยู่สาย desktop แอพก็อย่ารอช้าไปลองดูกันได้เลย

รองรับ International text input กับทุก platform บน desktop แอพ

มารอบนี้ปรับปรุงการ suport ภาษาต่างๆ ในการรับข้อมูลมากขึ้น เช่น จีน ญี่ปุ่น เกาหลี เป็นต้น

รองรับ Universal binarys โดยค่าเริ่มต้นสำหรับ MacOS

ใน Flutter 3 สำหรับ MacOS Desktop App  หลังจาก build แล้ว จะใช้ชุด binaries ไฟล์เดียวกัน สำหรับรันบน CPU intel และ Apple Silicon (M1) เรียกได้ว่าโค๊ดเดียวกัน ไม่ต้อง Config อะไรเพิ่มทำงานได้ ทั้งบน Intel และ M1 ไปเลย สะดวกสบายสำหรับนักพัฒนาขึ้นมาก

เลิก Support Windows 7/8/8.1 อีกต่อไป

สำหรับการปล่อย Flutter 3 มาครั้งนี้ ทางทีมตัดสินใจยุตติการ Support Windows 7/8/8.1 นั่นคือหากนักพัฒนาต้องการเขียนแอพด้วย Flutter 3 ก็ต้องเริ่มต้นที่ Windows 10 เป็นอย่างน้อย desktop แอพที่พัฒนาไปแล้วก่อนหน้านี้ ยังรองรับ Windows 7/8/8.1 อยู่นะครับ เขาหยุดรองรับเฉพาะเครื่องมือสำหรับการพัฒนาในเวอร์ชั่น 3 นี้เท่านั้น

มาดูการอัพเดทส่วนของ Mobile กันบ้าง

มีการอัพเดทการทำงานใหม่ ๆ บน mobile แอพหลายอย่างทีเดียว อาทิ

รองรับจอมือถือแบบพับได้ (Foldable phone)

ใน Flutter 3 นี้เริ่มรองรับการทำงานกับมือถือจอพับได้อย่างเป็นทางการ มีฟังก์ชัน และ Widget ใหม่ ๆ มารองรับเช่น DisplayFeatures, DisplayFeatureSubScreen เป็นต้น

รองรับการปรับ Refresh rate ของอุปกรณ์ iOS

ในเวอร์ชั่นนี้รองรับการปรับอัตรา refres rate ในอุปกรณ์ใหม่ของ iOS เช่น หน้าจอแสดงแบบ Promotion บน iPhone 13 Pro และ iPad Pro ซึ่งอุปกรณ์เหล่านี้สามารถปรับรีเฟรชเรทได้ถึง 120 hz ซึ่งก่อนหน้านี้ Flutter จะจำกัดการแสดงผลไว้ที่ 60hz เท่านั้น ทำให้ประสบกาณ์การทำงานและแสดงผลแอพที่พัฒนามีความลื่นไหลดีขึ้น

อัพเดทเวอร์ชั่นของ Gradle เป็น 7.4

ใน Flutter 3 นี้มีการอัพเดทเป็น Gradle 7.4 จากเดิมที่เป็น 7.1.2 สำหรับการพัฒนาบนแอนดรอยด์แอพ

เลิกรองรับสถาปัตยกรรม CPU แบบ 32 bit บน iOS9/iOS10

หลังจากมีการประกาศไปใน  flutter 2.10 เมื่อเดือนกุมภาพันธ์ 2022 ที่ผ่านมา ทางทีมงานตัดสินใจหยุด support บนระบบแบบ 32-bit ของ iOS ซึ่งจะทำให้ iPhon4S, iPhone 5, iPhone 5C รวมไปถึง iPad gen 2,3 และ 4 ไม่สามารถทำงานบน Flutter 3 ได้อีกต่อไป

มาดูการอัพเดทฝั่ง Web กันบ้าง

การอัพเดทฝั่ง Web App มีรายการดังนี้

การ Decoding รูปภาพอัตโนมัติ

ใน Flutter 3 เพิ่มความสามารถในการตรวจจับและ Decode รูปภาพแบบอัตโนมัตในเว็บบราวเซอร์สมัยใหม่ที่รองรับ เช่นบราวเซอร์ที่ใช้ Engine ของ Chromium (Chrome, Edge, Opera, Samsung Browser) โดยตัว API ใหม่นี้จะทำการถอดรหัสรูปภาพได้เร็วขึ้นกว่าเดิมถึง 2 เท่า

เว็บแอพมี Lifecycles เพิ่มเข้ามา

สำหรับการเพิ่ม lifecycle API เข้ามาใน web app ทำให้มีความยืดหยุ่นในการ control การทำงานของเว็บแอพได้ดีขึ้น

การอัพเดทอื่น ๆ ที่น่าสนใจ

มีการอัพเดทเล็กๆ น้อยๆ อีกหลายอย่างที่ค่อนข้างน่าสนใจ เช่น

รองรับการออกแบบดีไซน์ด้วย Material 3

Flutter 3 รองรับ การออกแบบด้วย Materail Design 3 ซึ่งนับเป็น generation ถัดไปของ Materail Design ซึ่งมาพร้อมฟีเจอร์ใหม่ ๆ มากมาย

ตัวอย่างโครงสร้างโปรเจ็กต์เปรียบเทียบระหว่าง Flutter 2 และ Flutter 3

หลัก ๆ มีการเพิ่ม Linux และ macos desktop app platform เข้ามา

ทดสอบ hello world และรันโปรเจ็กต์ Flutter 3 ดูสักหน่อย

ดาวน์โหลด Flutter 3 SDK ได้แล้ววันนี้

นักพัฒนาที่สนใจอยากลองเล่น Flutter 3 สามารถดาวน์โหลดได้แล้ววันนี้รายละเอียดตามลิงก์ด้านล่างนี้ครับ
https://docs.flutter.dev/get-started/install

ปิดท้ายขายของสักหน่อย...

หากท่านใดสนใจหลักสูตรอบรม Flutter 2 แบบออนไลน์ (เป็นคลิปวิดีโอ) ราคาหลักร้อย แต่เนื้อหาแน่น จัดเต็ม พร้อมตัวอย่างและซอสโค๊ดให้ทั้งหมดให้พร้อมเรียนรู้ได้แล้วตามลิงก์ด้านล่างนี้ครับ

หลักสุตร Flutter 2 Workshop (สำหรับผู้เริ่มต้น) วิดีความยาวกว่า 6 วัน (21 ชม.)
https://www.itgenius.co.th/online-courses/flutter2-workshop-for-beginner-online.html

วิดีโอแนะนำการติดตั้ง Flutter 2 ทั้งบน Windows 10 และ MacOS M1

สอนวิธีติดตั้ง Flutter 2 บน Windows พร้อมสร้างโปรเจ็กต์ อัพเดท 2022

https://www.youtube.com/watch?v=an8KkbYJHWY

สอนวิธีติดตั้ง Flutter 2 บน MacOS รองรับ Mac M1 อัพเดท 2022

https://www.youtube.com/watch?v=r_abNVSyyJ0

ขอบคุณเนื้อหาต้นทางบางส่วนจาก
https://medium.com/flutter/whats-new-in-flutter-3-8c74a5bc32d0