ListView using GetX

 import "package:flutter/material.dart";

import "package:get/get.dart";
import "package:getx_flutter/GetX_count_controller.dart";

void main() {
  runApp(const MyApp(),);
}
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      debugShowCheckedModeBanner: false,
      title: "ListView in GetX Flutter",
      theme: ThemeData(
        primarySwatch: Colors.blueGrey,
      ),
      home: GetListDemo(),
    );
  }
}
class GetListDemo extends StatelessWidget {
  GetListDemo({super.key});

  ListController listControl = Get.put(ListController(),);

  List listIcon = [Icons.ac_unit, Icons.access_alarm, Icons.accessibility, Icons.account_balance,
    Icons.account_box, Icons.account_circle_outlined, Icons.ad_units, Icons.adb, Icons.add_a_photo,
    Icons.add_alarm, Icons.add_alert, Icons.add_box, Icons.add_business, Icons.add_call,
    Icons.add_chart, Icons.add_circle, Icons.accessible,
  ];

  List listTrail = [Icons.add, Icons.minimize, Icons.add, Icons.minimize, Icons.add, Icons.minimize, Icons.add,
    Icons.minimize, Icons.add, Icons.minimize, Icons.add, Icons.minimize, Icons.add, Icons.minimize, Icons.add,
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("ListView in Getx Flutter", style: TextStyle(color: Colors.white,),),
        // shape: const StarBorder.polygon(side: BorderSide(width: 400.0),),
        toolbarHeight: 300.0,
        shape: const RoundedRectangleBorder(
          borderRadius: BorderRadius.vertical(
              bottom: Radius.elliptical(300.0, 100.0,),
          ),
        ),
        centerTitle: true,
      ),
      body: SafeArea(
        child: Container(
          child: Obx(() {
            return Card(
              color: Colors.grey.shade300,
              child: Container(
                margin: const EdgeInsets.all(50.0,),
                decoration: BoxDecoration(
                  border: Border.all(color: Colors.black,),
                ),
                child: ListView.builder(
                  shrinkWrap: true,
                  itemCount: listControl.testList.length,
                  itemBuilder: (_, index) {
                    // return Text("${listControl.testList[index]}");
                    return ListTile(
                      // leading: const Icon(Icons.ac_unit,),
                      leading: Icon(listIcon[index],),
                      title: Text("${listControl.testList[index]}"),
                      subtitle: Text("${listControl.testList[index]}"),
                      // trailing: const Icon(Icons.add,),
                      trailing: Icon(listTrail[index],),
                      iconColor: Colors.black,
                      titleTextStyle: const TextStyle(fontFamily: "FontsFour"),
                      subtitleTextStyle: const TextStyle(fontFamily: "FontsSeven", color: Colors.black,),
                      splashColor: Colors.black,
                    );
                  },
                ),
              ),
            );
          },),
        ),
      ),
    );
  }
}