Copyright 2024 - Custom text here

ตามหัวข้อเลยครับ การใช้ SQLite บน Flutter

Screen Shot 2563 02 12 at 055917

โจทย์เป็นอย่างนี่ มาสเตอร์ จะสร้าง Form จาก TextField รับค่า String มาทำเป็น SQLite และ ด้านล่างจะสร้าง ListView ที่ อ่าน SQLite มาแสดงครับ

 Screen Shot 2563 02 10 at 132901

 มาสเตอร์ ใช้ Package ตัวนี่ทำงานครับ https://pub.dev/packages/sqflite

 Screen Shot 2563 02 10 at 132943

เปิด pubspec.yaml มา Config โดยการเพิ่ม sqflite: ^1.2.0 เข้าไปแบบนี้ครับ

Screen Shot 2563 02 12 at 055303

มาสเตอร์ สร้างไฟร์เปล่าๆ ชื่อ todo_model.dart แบบนี้ครับ

Screen Shot 2563 02 12 at 055337

 

ใน todo_model.dart มาสเตอร์ ประกาศตัวแปร และ Constructor ที่รับค่า id, toDo ที่เป็น String แบบนี่ครับ

Screen Shot 2563 02 12 at 055410 

ส่วนของ Helper ที่จะทำหน้าที่ Insert และ Read All Data ของ SQLite ครับ

Screen Shot 2563 02 12 at 055437

ที่นี่มาดูส่วนของ UI บ้าง สิ่งแรก สร้าง Form ที่รับค่า String ผ่าน TextField ทำ Controller ครับ

Screen Shot 2563 02 12 at 055451

 ส่วนของ Thread readAllTask เพื่อไปสร้าง Listview และ การ Get Event จากการคลิกปุ่ม Save เพื่อ Insert Value ไปที่ SQLite ครับ

Screen Shot 2563 02 12 at 055502

 

การวางโครงสร้างใน เมธอด build

Screen Shot 2563 02 12 at 055917

 มาสเตอร์ ลองพิมพ์ ค่าต่างๆ ลงใน TextField แล้ว Save จะเห็น ค่าที่พิมพ์ มาเรียงใน ListView แบบนี่ครับ

อันนี้เป็น Workship SQLite กับ Flutter เป็นส่วนหนึ่งของ Course Flutter กับ มาสเตอร์ อึ่ง 

https://www.androidthai.in.th/private-project-android-flutter-course.html สนใจ เรียนแบบนี้บ้าง ยินดีต้อนรับครับ

 

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

privateProject2019v1

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

privateAndroid2019v1

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

privateIos2019V1

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

privateFlutter2019v1

f t g