Mapping lists to widgets in flutter

 import 'package:flutter/material.dart';

import 'package:flutter/rendering.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

import 'package:intl/intl.dart';
import 'package:waris/IntroPage.dart';
import 'package:waris/ProfileScreen.dart';
//import 'package:waris/splash_screen.dart';

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        textTheme: TextTheme(
            headline1: TextStyle(
                fontWeight: FontWeight.bold, fontSize: 25, color: Colors.black),
            subtitle1: TextStyle(
                fontSize: 15,
                fontWeight: FontWeight.bold,
                color: Colors.green)),
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return MyHomeState();
  }
}

class MyHomeState extends State<MyHomePage> {
  var arrData = [
    {'name':'Minhaj',
      'mobno':'247298380184',
      'unread':'4'
    },
    {'name':'Ajaj',
      'mobno':'9998380184',
      'unread':'1'
    },
    {'name':'Irfan',
      'mobno':'98380189984',
      'unread':'4'
    },
    {'name':'Azhar',
      'mobno':'24729493084',
      'unread':'9'
    },
    {'name':'Waris',
      'mobno':'24793440184',
      'unread':'5'
    },
    {'name':'Chotu',
      'mobno':'247298380184',
      'unread':'9+'
    },
    {'name':'Shaneraza',
      'mobno':'247298380184',
      'unread':'3'

    },
{'name':'Minhaj',
'mobno':'247298380184',
'unread':'4'
},
{'name':'Ajaj',
'mobno':'9998380184',
'unread':'1'
},
{'name':'Irfan',
'mobno':'98380189984',
'unread':'4'
},
{'name':'Azhar',
'mobno':'24729493084',
'unread':'9'
},
{'name':'Waris',
'mobno':'24793440184',
'unread':'5'
},
{'name':'Chotu',
'mobno':'247298380184',
'unread':'9+'
},
{'name':'Shaneraza',
'mobno':'247298380184',
'unread':'3'}

  ];
  var _width = 200.0;
  var _height = 100.0;

  bool flag = true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Stateful widget'),
        ),
        body: Container(
            child: ListView(
          children: arrData.map((value) {
            return ListTile(
              leading: Icon(Icons.account_circle_outlined),
              title: Text(value['name'].toString()),
              subtitle: Text(value['mobno'].toString()),
              trailing: CircleAvatar(
                backgroundColor: Colors.blue,
                  radius: 21,
                  child: Text(value['unread'].toString())),
            );
          }).toList(),
        )));
  }
}