How to Use For Loop in Flutter | Best Practice in 2023

For loop is the most commonly used loop in programming languages. If you want to know How to Use For Loop in Flutter then you are in the right place. We will discuss the best practice for using the For Loop in Flutter.

We know that For loop is a loop that enables a particular set of conditions that will be executed repeatedly until a condition is satisfied. So for loop will execute the code a specific number of times. We know that for loop is the very basic loop in all programming languages.

What we will learn from this article:

Syntax of for loop in Flutter

for (initial_count_value; termination_condition; step) {
 // statements

Example of for loop

1st Example:

If you don’t need the index then you can consider the for-in loop. It’s very easy to read and more concise.

List<String> fruits= ['Apple', 'Banana', 'Mango'];
for (var fruit in fruits) {
  print(fruit );

// prints

2nd Example:

This example will provide you the index of the looping position.

void main() { 
   for(var j = 0; j < 4; j++) { 


You also can use the loop on the widget to create a list of widgets. Let’s Use this For Loop in Flutter. You can see the output will be shown with the index number.

Full Code:

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());

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

  // This widget is the root of your application.
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.lightBlue,
      home: const MyHomePage(title: 'Flutter Service'),

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  State<MyHomePage> createState() => _MyHomePageState();

class _MyHomePageState extends State<MyHomePage> {
  Future<bool> _onPop() async {
    return false;

  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: _onPop,
      child: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          title: Text(widget.title),
        body: Center(
          child: Column(
            children: [
              // you can add any widget here
              // below we use for loop
              for (int i = 0; i < 4; i++) ...{
                  child: Container(
                      width: double.infinity,
                      padding: EdgeInsets.all(20),
                      child: Text("Item List - $i")),


The output of this For Loop in Flutter will look like this:

Use For Loop in Flutter

This is how we can use the for loop in flutter with widgets children.

Read More:

How to Override / Disable Back Button in Flutter

Related articles

Top 5 Business Listing App Template

The Top 5 Business App Template is made for...

Things To Remember For A Flutter Developer Resume | Mind-blowing

This article will enlighten you about how to write...

How to Change the Text Color in Flutter | Change Color of Text in 2023

In this article, we will explore how to change...

Top 5 Best Listing Mobile Directory Apps & Templates in 2023

What are the best Listing Mobile Directory Apps &...

How to Use Path Provide Flutter with Read Write Example in 2023

Path Provider Flutter is a Flutter package for finding...

Case Studies

eDental App

Case Study: eDental Dentist App

Our team recently embarked on an exciting project to develop the eDental Dentist App, a cutting-edge mobile application designed for both Android and iOS...

Voltage Lab SAAS App

Voltage Lab wanted to launch a new SAAS app that would allow students to enjoy educational material with freemium features. We developed a custom...
google play app store listing

Keyword Research for EEE & Cricket Live Score App

A Cricket Live Score App & EEE Engineer App aimed to enhance their visibility on Google and the iOS app store, seeking to rank...