• 1

    Description slide 1

  • 2

    Description slide 2

  • 3

    Description slide 3

  • 4

    Description slide 4

Copyright 2024 - Custom text here

privateAndroid2019v1

privateFlutter2019v1

privateProject2019v1

privateIos2019V1

โอ้แม่เจ้า Package Flutter แยะมาก https://pub.dartlang.org/flutter

ส่วนนี่ของ ภาษา Dart https://pub.dartlang.org

แล้วใช้อย่างไร ? มาดูวิธีการติดตั่ง Package ไปที่โปรเจค Flutter กัน มาสเตอร์ จะเริ่มจาก โปรเจคที่แล้วนะครับ ที่เราทำ FirstApp กันครับ

ไฟร์ pubspec.yaml จะเป็นไฟร์ ที่เก็บ Config ต่างๆ ของโปรเจค เหมือน build.gradle นะครับ

วันนี่มาสเตอร์ จะเดโม การ Add Package english_words มาทำงานใน Flutter สิ่งแรกก่อนที่เราจะ Import Package มาใช้ เราจะ ต้อง ทำให้ pubspec.yaml รู้จัก ก่อนโดย พิมพ์ คำสั่งนี่เข้าไปครับ

และ อย่างลืม Flutter Upgrade ด้วยนะครับ

คลิก Flutter upgrade

 

กลับมาที่ english_words ให้ Copy ส่วนนี่ครับ

ที่นี่ให้กลับมาที่ main.dart เราจะ import package ใหม่เข้าไป 

 

กลับมาที่ คลาส MyApp ของเรา  

 

 

มาสเตอร์ สร้าง Object ของ WordPair ให้ Random คำขึ้นไปแสดง

จำ child ที่แสดงตัวอักษร This is child in body ได้ใช่ไหม ?

 

มาสเตอร์ ลบออกและเพิ่มโค้ดแบบนี่เข้าไป มีการกำหนดขนาดของตัวอักษรด้วย

 

มาสเตอร์ ลองทดสอบจะได้แบบนี้ 

 

 

 

 

 

 

 

 

คอร์ส สอนโปรเจ็คแอนดรอยด์ ตัวต่อตัว

privateProject2019v1

คอร์ส เบสิกแอนดรอยด์ สอน ตัวต่อตัว

privateAndroid2019v1

คอร์ส iOS สอน ตัวต่อตัว

privateIos2019V1

คอร์ส Flutter สอน ตัวต่อตัว

privateFlutter2019v1

f t g