import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
      ),
      home: const MyHomePage(),
      debugShowCheckedModeBanner: false,
      restorationScopeId: 'materialRoot',
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with RestorationMixin {
  final RestorableTextEditingController _textController =
      RestorableTextEditingController();
  final RestorableIntN _radioValue = RestorableIntN(1);
  final RestorableBool _isChecked = RestorableBool(false);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: ListView(
          children: <Widget>[
            const SizedBox(height: 8),
            TextField(
              controller: _textController.value,
              decoration: const InputDecoration(
                border: OutlineInputBorder(),
                labelText: 'Enter text',
                hintText: 'Type something here',
                prefixIcon: Icon(Icons.edit),
              ),
            ),
            const SizedBox(height: 20),
            Column(
              children: <Widget>[
                RadioListTile<int>(
                  title: const Text('Radio Option 1'),
                  value: 1,
                  groupValue: _radioValue.value,
                  onChanged: (int? value) {
                    setState(() {
                      _radioValue.value = value;
                    });
                  },
                ),
                RadioListTile<int>(
                  title: const Text('Radio Option 2'),
                  value: 2,
                  groupValue: _radioValue.value,
                  onChanged: (int? value) {
                    setState(() {
                      _radioValue.value = value;
                    });
                  },
                ),
                RadioListTile<int>(
                  title: const Text('Radio Option 3'),
                  value: 3,
                  groupValue: _radioValue.value,
                  onChanged: (int? value) {
                    setState(() {
                      _radioValue.value = value;
                    });
                  },
                ),
              ],
            ),
            const SizedBox(height: 20),
            CheckboxListTile(
              title: const Text('Enable Checkbox'),
              value: _isChecked.value,
              onChanged: (bool? value) {
                setState(() {
                  _isChecked.value = value ?? false;
                });
              },
            ),
            const SizedBox(height: 20),
          ],
        ),
      ),
    );
  }

  @override
  void dispose() {
    _textController.dispose();
    super.dispose();
  }

  @override
  String? get restorationId => 'myHomePage';

  @override
  void restoreState(RestorationBucket? oldBucket, bool initialRestore) {
    registerForRestoration(_textController, 'textController');
    registerForRestoration(_radioValue, 'radioValue');
    registerForRestoration(_isChecked, 'isChecked');
  }
}