Print
Details: Category: บทความ Flutter | Published: 17 February 2022 | Hits: 4802

ตัวอย่าง การใช้งาน StreamBuilder บน Flutter

Screen Shot 2021 11 22 at 10944 PM

มาเริ่มกันเลย

Screen Shot 2021 11 22 at 10436 PM

มาสเตอร์ สร้าง Stateless เพื่อรับ String มาแสดงเป็น TextWidget สวยๆ แบบนี่ครับ

Screen Shot 2021 11 22 at 10920 PM

 

กำหนด StreamController เป็น การรับค่าเป็น String

Screen Shot 2021 11 22 at 10937 PM

 

มาสเตอร์ สร้าง Thread processTransslate ที่จะ call package GoogleTranslator แบบนี่ครับ ใครไม่ทันไปดู การใช้งาน Google Translator ที่นี่ครับ 

 

Screen Shot 2021 11 22 at 10925 PM

 

เมื่อ initiState เรียกใช้งานครับ

 

Screen Shot 2021 11 22 at 10940 PM

 

ตัวอย่างการเรียก StreamBuilder

 

Screen Shot 2021 11 22 at 10944 PM

 

ผลลัพธ์ ครับ ลองดูนะครับ มาสเตอร์ ทำเป็นตัวอย่างง่ายๆ สำหรับใครที่ไม่ได้ ให้ทิ้งคำถามไว้ได้นะครับ