Devdit
 

Flutter เปลี่ยนสีตัวอักษร สี Text

677

Flutter เปลี่ยนสีตัวอักษร สี Text บทความนี้สอนแสดงข้อความบนหน้าจอ Application ด้วย Widget Text และเปลี่ยนสีด้วยคำสั่ง style: TextStyle ร่วมกับ color จากตัวอย่างกำหนดสีฟ้า สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่างที่ 1 Flutter เปลี่ยนสีตัวอักษร สี Text

Text(
  'Hello World',
  style: TextStyle(color: Colors.blue),
)

คำอธิบาย

จากตัวอย่างใช้ Widget Text แสดงข้อความ ‘Hello World’ พร้อมเปลี่ยนสีข้อความเป็นสีฟ้า (blue) ด้วย style: TextStyle และกำหนดสีด้วยคำสั่ง color: Colors.blue

 

ตัวอย่างที่ 2 Flutter เปลี่ยนสีตัวอักษร สี Text ด้วยรหัสเลขฐานสิบหก

Text(
  'Hello World',
  style: TextStyle(color: Color(0xffFF0000)),
)

คำอธิบาย

จากตัวอย่างเป็นการกำหนดสีโดยใช้รหัสเลขฐานสิบหก เช่น #FF0000 เวลานำไปใช้งานให้ตัด # ออกและเพิ่ม 0xff โดยใช้งานร่วมกับคำสั่ง Color เช่น Color(0xffFF0000) คือสีแดง

แก้ไข 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ