ListTile Type CheckboxListTile

 import "package:flutter/material.dart";

void main() {
  runApp(MyVersion());
}
class MyVersion extends StatelessWidget {
  MyVersion({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Types of ListTile",
      theme: ThemeData(
        primarySwatch: Colors.indigo,
      ),
      home: TypesListTile(),
    );
  }
}
class TypesListTile extends StatefulWidget {
  TypesListTile({super.key});

  @override
  State<TypesListTile> createState() {
    return TypesListTileState();
  }
}
class TypesListTileState extends State<TypesListTile> {
  // TypesListTileState({super.key});

  // List check = ["Option1", "Option2", "Option3", "Option4", "Option5", "Option6", "Option7", "Option8", "Option9",
  //   "Option10", "Option11", "Option12", "Option13", "Option14", "Option15",];

  List<bool> _selectedList = List<bool>.filled(18, false); // Maintain the state of checkbox selection

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Types of ListTile"),
      ),
      body: ListView.separated(
        itemBuilder: (context, index) {
          return Card(
            child: CheckboxListTile(
                  secondary: Icon(Icons.person,),
                  title: Text("Option ${index + 1}"),
                  subtitle: Text("name"),
                  value: _selectedList[index],
                  onChanged: (bool? newValue) {
                    setState(() {
                      _selectedList[index] = newValue!;
                    },);
                  },
                  controlAffinity: ListTileControlAffinity.trailing,

                ),
          );
        },
        itemCount: 18,
        separatorBuilder: (context, index) {
          return Container();
        },
      ),
    );
  }
}