ListTile Simple

 import "package:flutter/material.dart";

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Hello",
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.teal,
      ),
      home: const DashBoardScreen(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    var arrNames = [
      "Raman",
      "Rajesh",
      "Ramanujan",
      "jay",
      "Akshar",
      "Aakash",
      "Ajay"
    ];

    return Scaffold(
      drawer: const Drawer(),
      appBar: AppBar(
        title: const Text(
          "Hello HEER",
          style: TextStyle(fontWeight: FontWeight.bold),
        ),
        centerTitle: true,
        backgroundColor: Colors.grey,
      ),
      body: ListView.separated(
        itemBuilder: (context, index) {
          return ListTile(
            leading: Text("$index"),
            //leading: Text("${index + 1}"),
            title: Text(arrNames[index]),
            subtitle: const Text("Number"),
            trailing: const Icon(Icons.add),
          );
        },
        itemCount: arrNames.length,
        separatorBuilder: (context, index) {
          return const Divider(
            height: 20,
            thickness: 1,
          );
        },
      ),
    );
  }
}