Copyright 2024 - Custom text here

ตามคำเรียกร้องเลย บทความนี่ การดึงข้อมูลจาก Firestore Firebase มาแสดงที่มือถือ โดยการใช้ Flutter

 Screen Shot 2562 08 17 at 025427

โจทย์เป็นอย่างนี่นะ ?

 Screen Shot 2562 06 14 at 085352

เรามีฐานข้อมูล ที่มี Collection ชื่อว่า Post มี document แบบ Auto ID และ แต่ละ Document เป็น Field Content, Title ตามตัวอย่างแบบนี้

 เราต้องการอ่าน Cloud Firestore ออกมา

Screen Shot 2562 08 20 at 082603

ไปที่นี่ครับ เพื่อ โหลด Plugin https://pub.dev/packages/cloud_firestore

Screen Shot 2562 08 20 at 082641

 เปิด pubspec.yaml

Screen Shot 2562 08 20 at 082649

พิมพ์ cloud_firestore: ^0.12.9

Screen Shot 2562 06 14 at 085326

 

เริ่มจากการ import package ตัว plugin เข้ามาก่อน

 

Screen Shot 2562 06 14 at 085335

 

 มาสเตอร์ สร้าง initState ให้ Call Thread ที่ชื่อว่า readFireStore แบบนี มาสเตอร์ ทำ Stream ให้ สตรีม Snapshop มาในรูปแบบ Array และ สร้างตัวแปร title ให้ รับค่า ลองแสดงใน print แบบนี้ครับ

Screen Shot 2562 06 14 at 085340

จะได้ แบบนี่ครับ เราสามารถ อ่านข้อมูล

Screen Shot 2562 06 14 at 085352

ออกมาได้ละ น่าจะพอ ได้ไอเดียนะครับ แต่สำหรับใครทำไม่ได้ ลองมาเรียน คอร์สสอนเขียนแอพ โดยใช้ Flutter กันมาสเตอร์ ที่ https://www.androidthai.in.th/private-project-android-flutter-course.html

 

 

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

privateProject2019v1

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

privateAndroid2019v1

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

privateIos2019V1

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

privateFlutter2019v1

f t g