Google Flutter

รวมตัวอย่างของ UI และโปรเจคแอพที่สร้างด้วย Google Flutter ภาค 1

เรื่องที่เกี่ยวข้อง - Google Flutter

ถ้าเราพอเขียน Flutter เป็นแล้ว ก็น่าจะพร้อมเปิดโลกกว้างกับ User Interface, Widget, และโปรเจคแบบต่างๆ ของ Google Flutter ของคนอื่นกันแล้ว ทีนี้จะไปหาที่ไหนได้บ้าง พลลองหาเอามารวมกันไว้ในวันนี้แล้วครับ

โดยมีตัวอย่างของ User Interface แบบกลุ่ม และแบบตัวอย่าง UI ของแอพแบบเต็มๆ แยกเอาไว้ เช่น โรงแรม, ร้านอาหาร, แอพ Wallet

อย่าลืมว่าโค้ดทุกตัวที่อยู่บน Github ถึงจะเป็น open-source แต่ก็อย่าลืมดู license ว่าเอาไปใช้แบบไหนได้บ้างนะ เพราะปกติ license เริ่มต้นคือลิขสิทธิ์เป็นของผู้สร้างนะครับ

Flutter Widget Catalog

จุดเริ่มต้นของคนทำแอพ iOS และ Android ด้วย Flutte ทุกท่าน แยกชิ้นส่วนเป็นอย่างดี

Flutter Showcase

ตัวอย่างแอพที่ใช้ Flutter สร้างอย่างเป็นทางการ รวบรวมพร้อมนำเสนอโดยทีมงาน Flutter พวกนี้เอาไปประกอบเป็น Showcase การขาย Flutter ให้ทีมเราได้ครับ 😀

Flutter Sample

เหมือนจะเป็นเว็บไซต์แยก แต่จริงๆ ไม่ใช่

มันเป็นส่วนหนึ่งของ flutter.github.io ครับ มีทั้งตัวอย่าง Sample, Cookbook, ตัวอย่างแบบเว็บก็มี

Flutter by example

รวมตัวอย่างแบบง่ายๆ ของ Concept ใน Flutter ของ mjohnsullivan

Flutter UI Collection

รวมตัวอย่าง UI Collection โดย iharshb

Flutter UI Wallet

ตัวอย่าง User Interface ของแอพ Wallet โดย kalismeras61

Flutter UI Kit #1

มันมี Flutter UI Kit ของหลายคน เลยขอใส่ลำดับที่เจอเอาไว้นะครับ อย่างของคนนี้ คือ usman18

Flutter for Web (Sample)

ตัวอย่างของ Flutter เวอร์ชั่น Website สร้างโดยทีมงานของ Flutter เอง

Flutter UI Kit #2

ตัวอย่าง UI Kit พร้อมใช้ของ Flutter แบบต่างๆ

Hotel Concept Flutter

อันนี้เป็น UI Demo ของ LanarsInc ว่าถ้าต้องการใช้ Flutter ทำแอพจองโรงแรม ควรจะออกมาแบบนี้

Cinema, E-hostel, Furniture Shopping Concept Flutter

เจ้านี้รวมมา 3 อย่างเลย มีแอพโรงหนัง จองที่นั่งได้, แอพจองห้อง Hostel, และแอพร้านค้าเฟอร์นิเจอร์ ทั้งหมดสร้างด้วย Flutter จ้า

เรียนรู้ Flutter กับโค้ชพลได้ในคอร์สออนไลน์ ที่ออกแบบเป็นอย่างดีด้านล่างครับ

คอร์สออนไลน์เริ่มต้นสร้าง Mobile App ด้วย Google Flutter

เหมาะผู้เริ่มต้น และนักพัฒนาเว็บ, เข้าใจง่าย, ใช้ได้จริง

สอบถาม หรือติดต่อจัดอบรมโทร 083-071-3373

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

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

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save