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

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