Home
Read Data JSON on Flutter
Written by มาสเตอร์ อึ่งเป็นบนเรียนหนึ่งใน คอร์ส สอน Flutter ตัวต่อตัว นี่ครับ https://www.androidthai.in.th/private-project-android-flutter-course.html
โจทย์เป็นอย่างนี่ เดี๋ยวเราจะอ่านค่า จาก https://jsonplaceholder.typicode.com/photos/1
งั้นเราต้อง Add Library ที่สามารถ อ่านอะไร ? จาก http ได้ก่อนครับ
ไฟร์ นี่แหละครับ
เพิ่มคำสั่งนี่เข้าไป http: any
สังเกตุที่ Terminal จะ มีการทำ flutter packages get แบบนี้ครับ
ทีนี่เราก็ import package:http ได้ละ
แต่อย่าลืมว่าเราต้องเปลี่ยน object JSON ที่อ่านได้ ไปเป็น String จึงต้องมีการใช้ Library dart:convert ให้ import ด้วยดครับ
ที่ เมธอด ที่มาสเตอร์ จะใช้อ่าน JSON จะทำเป็น Thread async แบบนี่
ใน เมธอด ต้อง setState ด้วยครับ
ลองทดสอบ มาสเตอร์ให้ แสดงสิ่งที่อ่านได้ ใน Console แบบนี้ครับ ไม่ยากนะครับ สำหรับใครที่ทำไม่ได้อย่างไร ? ลองมาเรียน Flutter กันตัวต่อตัวทีนี่ครับ https://www.androidthai.in.th/private-project-android-flutter-course.html