شرح استخدام ويدجت CheckboxListTile في فلاتر

CheckboxListTile(
  title: Text('Option 1'),
  value: _value1,
  onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

CheckboxListTile(
  title: Text('Option 1'),
  subtitle: Text('Option 1 is selected'),
  value: _value1,
  onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

CheckboxListTile(
  title: Text('Option 1'),
  value: _value1,
  onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

CheckboxListTile(
  title: Text('Option 1'),
  value: _value1,
  onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

CheckboxListTile(
  title: Text('Option 1'),
  activeColor: Colors.red,
  value: _value1,
  onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

CheckboxListTile(
  title: Text('Option 1'),
  checkColor: Colors.white,
  value: _value1,
  onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

CheckboxListTile(
  title: Text('Option 1'),
  dense: true,
  value: _value1,
 onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

CheckboxListTile(
  title: Text('Option 1'),
  contentPadding: EdgeInsets.symmetric(horizontal: 16.0),
  value: _value1,
  onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

CheckboxListTile(
  title: Text('Option 1'),
  controlAffinity: ListTileControlAffinity.leading,
  value: _value1,
  onChanged: (bool value) {
    setState(() {
      _value1 = value;
    });
  },
),

import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final List<bool> _values = [false, false, false, false];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Checkbox List Tile Example',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Checkbox List Tile Example'),
        ),
        body: ListView.builder(
          itemCount: _values.length,
          itemBuilder: (BuildContext context, int index) {
            return CheckboxListTile(
              title: Text('Option ${index + 1}'),
              value: _values[index],
              onChanged: (value) {
                setState(() {
                  _values[index] = value!;
                });
              },
            );
          },
        ),
        floatingActionButton: FloatingActionButton(
          child: const Icon(Icons.done),
          onPressed: () {
            String selectedOptions = '';
            for (int i = 0; i < _values.length; i++) {
              if (_values[i]) {
                selectedOptions += 'Option ${i + 1}, ';
              }
            }
            if (selectedOptions.isNotEmpty) {
              selectedOptions =
                  selectedOptions.substring(0, selectedOptions.length - 2);
              print('Selected options: $selectedOptions');
            } else {
              print('No options selected.');
            }
          },
        ),
      ),
    );
  }
}