[Google IO 2018] Flutter Beta 3 ออกแล้วและทรงพลังยิ่งกว่าที่เคย

แม้ว่าโลกของการพัฒนาแอปข้ามแพลตฟอร์มจะเน้นไปที่เฟรมเวิร์ก React Native เป็นหลัก แต่เวลาก็เปลี่ยนไป

นับตั้งแต่ประกาศ Flutter และแอปพลิเคชั่นเปิดตัวเบต้า เป็นที่ชัดเจนว่าแนวคิดที่ทำรอบในชุมชนการพัฒนาแอพ – แอพ Flutter ดีกว่า React Native – ถูกกำหนดให้กลายเป็นความจริงที่ยอมรับทั่วโลก

SDK ข้ามแพลตฟอร์มได้รับการเปิดตัวพร้อมคุณสมบัติมากมายที่นำมันมาสู่อันดับต้น ๆ ในการแข่งขัน Flutter vs React Native 2018

นี่คือปัจจัยสร้างความแตกต่างบางส่วนที่ฝังอยู่ในแอพ Flutter -

โหลดซ้ำร้อน

นี่เป็นหนึ่งในคุณสมบัติที่ทรงพลังที่สุดของ Flutter เมื่อใช้มัน คุณจะเห็นผลของการเปลี่ยนแปลงที่คุณทำในโค้ดได้ทันทีบนหน้าจอ

รีโหลดด่วนทำให้การพัฒนาแอพมือถือข้ามแพลตฟอร์มฉลาดและเร็วขึ้นมาก

ชุดวิดเจ็ตดีไซน์ Material ครบชุด

Flutter มาพร้อมกับแค็ตตาล็อกที่น่าทึ่งของส่วนประกอบส่วนต่อประสานผู้ใช้ในตัว พวกเขาได้รวมวิดเจ็ตสองประเภทไว้ใน SDK – การออกแบบวัสดุสำหรับ Android และ Cupertino สำหรับ iOS นักพัฒนาซอฟต์แวร์มีอิสระในการเลือกและเผยแพร่ข้ามแพลตฟอร์ม

SDK ทั้งหมดเป็นชุดของ Widget

หลักการสำคัญของแอพ Flutter อยู่ที่การทำให้ทุกอย่างเป็นวิดเจ็ต คลาสแอพคือวิดเจ็ต (MaterialApp) โครงสร้างเลย์เอาต์ทั้งหมดคือวิดเจ็ต (นั่งร้าน) และโดยทั่วไปทุกอย่างคือวิดเจ็ต (Drawer, AppBar, SnackBar) อันที่จริง มีวิดเจ็ตสำหรับเปลี่ยนมุมมองให้อยู่ตรงกลาง

ธีมที่แตกต่างกันสำหรับ iOS และ Android

Flutter มาพร้อมกับธีมต่างๆ ที่มาพร้อมกับวิดเจ็ต สี และขนาดเฉพาะของ Android และ iOS

ขับเคลื่อนโดยธีมเฉพาะของแพลตฟอร์ม แอพ Flutter ทุก ตัวมีรูปลักษณ์ดั้งเดิม

รองรับหลายแพ็คเกจ

แม้แต่ในรุ่นเบต้า Flutter ยังรองรับแพ็คเกจมากมาย มีแพ็คเกจแยกต่างหากสำหรับการส่งคำขอ HTTP, รูปภาพเปิด, การตั้งค่าการจัดเก็บ, การแชร์เนื้อหา, การใช้ Firebase, การเข้าถึงเซ็นเซอร์ และอื่นๆ อีกมากมาย

[อ่านเพิ่มเติมเกี่ยวกับ Flutter และสิ่งที่ทำให้ดีกว่า React Native: Flutter: ดูรายละเอียดเบต้าที่จะได้รับความนิยมใน Google I/O 2018 ]

Flutter รุ่นเบต้าที่เปิดตัวในงาน Mobile World Congress ในเดือนมีนาคม 2018 ได้ผลักดันแบรนด์ต่างๆ มากมายให้ปรากฏบน iPhone และ Android ทั้งคู่มีรูปลักษณ์ดั้งเดิมสูงโดยใช้ Flutter

นับตั้งแต่เปิดตัว มีแอปจำนวนหนึ่งที่เผยแพร่ใน Stores ซึ่งได้รับการสนับสนุนจากพลังของ Flutter ตัวเลขที่จะเพิ่มขึ้นตั้งแต่ I/O 2018 เท่านั้น

Flutter Beta 3.0 เปิดตัวใน I/O 2018

ใน Google I/O 2018 ยักษ์ใหญ่ด้านเทคโนโลยีได้ประกาศเปิดตัว Flutter Beta 3 พร้อมชุดคุณสมบัติใหม่ที่ทำให้การพัฒนาแอปข้ามแพลตฟอร์มบน Flutter ปรับแต่งและสะดวกยิ่งขึ้น

นี่คือคุณสมบัติที่ได้รับการแนะนำใน Flutter Beta 3 -

รุ่นใหม่มุ่งเน้นไปที่สามองค์ประกอบหลัก – พื้นฐาน ระบบนิเวศ และเครื่องมือ

ในด้านของพื้นฐาน

มีการเปลี่ยนแปลงหลายอย่างในวิดเจ็ตดีไซน์ Material ใน Flutter Beta 3 เพื่อเพิ่มระดับการปรับแต่งและความยืดหยุ่น –

• เพิ่มองค์ประกอบ BottomAppBar แล้ว
• การสนับสนุนชิปได้รับการปรับปรุงและขยาย
• InputDecorator รองรับโหมดขีดเส้นใต้/เติม & ร่างแล้ว
• ปรับแต่งสีและรูปร่างได้มากขึ้นด้วย Slider
• ความยืดหยุ่นของการวางตำแหน่งด้วย FloatingActionButton

นอกจากนี้ ยังมีการเปลี่ยนแปลงหลายอย่างในแอปพลิเคชัน Flutter Gallery เพื่อแสดงการเปลี่ยนแปลงต่างๆ เช่น การสาธิตฉากหลังใหม่ ฟิลด์ข้อความที่อัปเดต การสาธิตเพิ่มเติมสำหรับ OutlineButton และตัวบ่งชี้การเลือกที่กำหนดเอง

นอกเหนือจากนี้ Flutter ยังมาพร้อมกับชุดการปรับปรุงในการรองรับการเข้าถึงสำหรับแอพพลิเคชั่นที่ใช้ Flutter ซึ่งรวมถึงการปรับปรุงการรองรับข้อความขนาดใหญ่ โปรแกรมอ่านหน้าจอ และความสามารถในการตัดกัน

นอกจากนี้ ด้วย Flutter ธุรกิจต่างๆ สามารถสร้างแอปที่มีสคริปต์ภาษาจากขวาไปซ้ายได้

ในส่วนของระบบนิเวศ

มีการเพิ่มชุดปลั๊กอินที่มีคุณสมบัติครบถ้วนชุดใหม่ในชุดปลั๊กอิน Firebase ใน Flutter Beta 3 ซึ่งเป็นประกาศที่ใหญ่ที่สุดของ Google I/O 2018 ได้แก่ Remote Config, Performance Monitoring และ Cloud Firestore การสนับสนุนที่ Flutter นำเสนอสำหรับโฆษณาที่ขับเคลื่อนโดย AdMob Google กำลังมุ่งสู่รุ่นเบต้า ซึ่งจะทำให้นักพัฒนาสามารถสร้างรายได้จากแอปพลิเคชันที่ใช้ Flutter ได้

ปลั๊กอิน AdMob ใหม่ช่วยโหลดและแสดงแบนเนอร์ โฆษณาคั่นระหว่างหน้า และโฆษณาวิดีโอตามรางวัลด้วยความช่วยเหลือของ AdMob API

เกี่ยวกับ Tooling

Flutter ได้ออกแบบ UI Inspector ใหม่ด้วยคุณสมบัติ "Just My Widgets" ใหม่ ซึ่งจะกรองวิดเจ็ตที่สร้างขึ้นโดยอัตโนมัติ นักพัฒนายังสามารถเรียกใช้แอพ Flutter ในโหมดโปรไฟล์ที่เพิ่มในการแสดงการใช้หน่วยความจำและเฟรมต่อวินาที

นอกจากนี้ Visual Studio Code ยังได้รับการพัฒนาให้เป็นสภาพแวดล้อมการพัฒนาที่สนับสนุนอย่างเต็มที่สำหรับ Flutter คุณลักษณะเด่นอีกประการหนึ่งที่เปิดตัวสำหรับ Visual Studio และ Android Studio ยังประกอบด้วยชุดรีแฟคเตอร์ที่หลากหลาย นอกจากนี้ยังมี Extract Widget refactor ซึ่งช่วยสร้างคลาส Widget ใหม่และเพิ่มการเรียกไปยัง Constructor ในตำแหน่งดั้งเดิม

สำหรับเวอร์ชันนี้และเวอร์ชันต่อไปในอนาคต Google ได้ร่วมมือกับ Flutter กับ Material Design เพื่อนำพลังของการออกแบบที่เป็นนวัตกรรมใหม่มาสู่โลกแห่ง UI ที่สวยงามสำหรับชุดเครื่องมือ Android และ iOS

ให้เราดูเพิ่มเติมเกี่ยวกับการผสมผสาน Flutter และ Material Design

ทำให้ Flutter ดีขึ้นด้วย Material Theming

เซสชัน Google I/O 2018 เกี่ยวกับการเขียนโค้ดการออกแบบที่สวยงามด้วย Flutter และการออกแบบวัสดุเริ่มต้นด้วยการแนะนำว่า Flutter และ Material Design นำมารวมกันได้อย่างไร Flutter และ Material Design จะสร้างแอปที่แสดงออกถึงอารมณ์ ปรับปรุง และทำให้นักพัฒนาซอฟต์แวร์พึงพอใจในการทำงาน

ในขณะที่ Flutter มาพร้อมกับไลบรารีวิดเจ็ตขนาดใหญ่ เช่น การเลื่อน คอนเทนเนอร์ และมุมมองรายการที่ได้รับการออกแบบตามหลักการของดีไซน์ Material แต่ Google I/O 2018 ได้ประกาศสิ่งใหม่เกี่ยวกับการออกแบบวัสดุในครั้งนี้ – ธีมวัสดุ

ธีมสื่อช่วยนำภาพลักษณ์แบรนด์ของคุณไปใช้ในการออกแบบแอปบนอุปกรณ์เคลื่อนที่ ทุกอย่างตั้งแต่รูปร่าง การออกแบบตัวอักษร ไปจนถึงเส้นสีและแอนิเมชั่น ถูกปรับแต่งให้เข้ากับรูปลักษณ์ของแบรนด์ได้ คุณสามารถเลือกจานสีและธีมตัวพิมพ์ หรือปรับเปลี่ยนรูปร่างของการออกแบบเพื่อสร้างธีมของคุณเองได้ในแอป Flutter

พวกเขาออกไปประกาศเพิ่มเติมว่าต่อจากนี้ไป Flutter จะเป็นแพลตฟอร์มในการออกแบบวัสดุ จากนี้ไปในเอกสารประกอบของ iOS, Android, Flutter และ Web ผ่านส่วนประกอบวัสดุ ชุดเครื่องมือวัสดุ และหลักเกณฑ์ด้านวัสดุ

เหตุผลที่เพิ่มการออกแบบ Material ด้วย Flutter ก็เพราะเมื่อมีการเปิดตัวแนวทางการออกแบบวัสดุ แบรนด์ต่างๆ เริ่มติดตามและนำไปใช้อย่างเคร่งครัด ซึ่งทำให้ได้แอปที่ดูคล้ายคลึงกันจำนวนหนึ่ง เพื่อแก้ปัญหานี้และผสมผสานความเป็นเอกเทศในแอป Flutter ทั้งหมด Google ได้แนะนำ Material Theming ให้กับ Flutter Beta 3

ขับเคลื่อนโดยดีไซน์ Material แอป Flutter ได้รับการสร้างสรรค์ให้แสดงออกถึงอารมณ์ ด้วยเลย์เอาต์ วิดเจ็ต และธีมที่ปรับแต่งได้ ปรับปรุงแล้ว – ด้วยรูปแบบและส่วนประกอบใหม่ เช่น ฟิลด์ข้อความและฉากหลัง น่ายินดี – โดยการนำเสนอส่วนประกอบที่ขยายได้

การใช้ Material Design และ Flutter SDK ร่วมกัน ทำให้มีการพัฒนาและเผยแพร่แอปจำนวนหนึ่งทั้งใน Android และ iPhone

ดูรายชื่อแอพที่สร้างด้วย Flutter

• อาลีบาบา – แอพอีคอมเมิร์ซ
• Google AdWords – แอปจัดการแคมเปญโฆษณา
• AppTree – แอพระดับองค์กร
• Topline – แอพความบันเทิง
• Birch Finance – แอพการเงิน
• Coach Yourself – แอพไลฟ์สไตล์
• Google Greentea – แอปสำหรับองค์กร
• Hamilton Musical – แอปบันเทิง
• Hookle - แอปจัดการโซเชียลมีเดีย
• OfflinePal – แอพการท่องเที่ยว
• VivaBem Pol – แอปสุขภาพและความเป็นอยู่ที่ดี
• BetaBubs – แอพส่งข้อความโต้ตอบแบบทันที