Devdit
 

Flutter วนลูป for วนลูปตัวแปร List

718

Flutter วนลูป for วนลูปตัวแปร List บทความนี้สอนเขียนโค้ดวนลูปด้วยคำสั่ง for โดยจะวนลูปเท่ากับจำนวนข้อมูลที่มีอยู่ในตัวแปร List และแสดงข้อมูลจากตัวแปร List ออกสู่หน้าจอด้วยคำสั่ง Text สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง Flutter วนลูป for วนลูปตัวแปร List

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    var fruit = ['apple', 'banana', 'orange'];

    return Scaffold(
        appBar: AppBar(
          title: const Text('My Example App'),
        ),
        body: Column(
          children: [
            for (int i = 0; i < fruit.length; i++) ...[
              Text(fruit[i].toString()),
            ]
          ],
        ));
  }
}

คำอธิบาย

จากตัวอย่างสร้างตัวแปรชื่อ fruit ชนิด List พร้อมค่าข้อมูล 'apple', 'banana', 'orange' จากนั้นวนลูปใน Column Widget ด้วยคำสั่ง for วนเท่ากับจำนวนข้อมูลที่มีอยู่ในตัวแปร fruit ด้วย fruit.length พร้อมแสดงผลลัพธ์ออกสู่หน้าจอด้วย Text Widget

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