Menu Close

Flutter : อัพเดทเวอร์ชัน 2.10 !! พร้อมแล้วสำหรับแอปบน Windows

เมื่อวันที่ 4 กุมภาพันธ์ ที่ผ่านมา ทางทีมพัฒนา Flutter ได้ประกาศอัพเดทเวอร์ชันใหม่ ซึ่งในเวอร์ชันนี้มีสิ่งที่ชวนให้นักพัฒนา Flutter ทุกคนต้องว้าว นั่นก็คือ การพัฒนาแอปพลิเคชันบนวินโดว์ ที่รองรับการทำงานระหว่างแอป Flutter และระบบปฏิบัติการวินโดว์ได้อย่างลงตัว การอัพเดทครั้งนี้มีประเด็นต่างๆ ดังต่อไปนี้

  1. เปิดตัวเวอร์ชันที่มีความเสถียรในการสร้างแอปพลิเคชันบนระบบปฏิบัติการวินโดว์
  2. การปรับปรุงด้านประสิทธิภาพ
  3. iOS update : การปรับปรุงเรื่อง smoother keyboard animation, ปรับปรุงประสิทธิภาพของ camera plugin
  4. Android update : รองรับ Andriod version 12 (API level 31)
  5. Web update : รองรับ การเลื่อนสกอร์บริเวณที่เป็น text แบบ multi line
  6. Material 3 : การสร้าง ColorScheme โดยการใช้ ThemData และเพิ่ม Material Icon อีก 1,028 ไอคอน

Flutter App on Windows

ใน flutter เวอร์ชัน 2.10 การพัฒนาแอปยังใช้ภาษา Dart เช่นเดิม และเพิ่มด้วยการใช้ประโยชน์โดยตรงจาก native Windows APIs

สถาปัตยกรรมของ Flutter app ที่รองรับการรันแอปบนระบบปฏิบัติการวินโดว์

และมีแพ็คเก็จมากมายที่จะช่วยให้นักพัฒนาแอป Flutter บนวินโดว์ได้อย่างราบรื่น

แพ็คเก็จที่รองรับการพัฒนา Flutter app บนวินโดว์

การ build โปรแกรมให้เป็น วินโดว์แอป ใช้คำสั่งที่ไม่ซับซ้อนอะไรเลย

flutter build windows

นอกจากเราจะสามารถพัฒนาแอป Flutter บนวินโดว์ได้อย่างสะดวกแล้ว ยังมีแพ็กเก็จที่จะช่วยทำให้แอปของเราเหมือนกับแอปบนวินโดว์เข้าไปอีก ได้แก่

fluent_ui

เป็นแพ็กเก็จที่ให้เราสามารถใช้ธีม fluent ui แบบของแอปวินโดว์ได้ ดู live demo

ตัวอย่าง ui ของ flutter app ที่ใช้ fluent_ui
แอนิเมชันในการเปลี่ยนหน้าจอ

flutter_acrylic

เป็นแพ็คเก็จที่ทำให้แอปของเรามีพื้นหลังที่โปร่งแสง

แต่งเติมพื้นหลังของแอปให้เป็นแบบกระจกฝ้า

msix

เป็นแพ็กเก็จที่ช่วยในการทำตัวติดตั้งโปรแกรมบนวินโดว์

msix flutter package

วีดีโอแสดงรายละเอียด การสร้าง Flutter App ที่รันบนระบบปฏิบัติวินโดว์

ในอัพเดทครั้งนี้ เราสามารถเขียน Flutter ให้ไปรันบนวินโดว์ ได้อย่างง่ายดาย และในอัพเดทในเดือนต่อๆ ไป ทาง Flutter จะพัฒนาให้ Flutter Desktop นั้นสามารถทำแอพไปรันบน Linux และ macOS ได้ต่อไป

อ้างอิง

  1. https://medium.com/flutter/whats-new-in-flutter-2-10-5aafb0314b12
  2. https://medium.com/flutter/announcing-flutter-for-windows-6979d0d01fed
  3. https://docs.flutter.dev/get-started/learn-more

Posted in flutter

ใส่ความเห็น