import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

enum Choice { a, b, c, d }

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Choice? _choice1 = Choice.a;
  Choice? _choice2 = Choice.a;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Code Sample',
      home: Scaffold(
        body: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const Text('Group1'),
            Column(
              children: [
                Radio<Choice>(
                  value: Choice.a,
                  groupValue: _choice1,
                  onChanged: (Choice? value) {
                    setState(() {
                      _choice1 = value;
                    });
                  },
                ),
                Radio<Choice>(
                  value: Choice.b,
                  groupValue: _choice1,
                  onChanged: (Choice? value) {
                    setState(() {
                      _choice1 = value;
                    });
                  },
                ),
                Radio<Choice>(
                  value: Choice.c,
                  groupValue: _choice1,
                  onChanged: (Choice? value) {
                    setState(() {
                      _choice1 = value;
                    });
                  },
                ),
                Radio<Choice>(
                  value: Choice.d,
                  groupValue: _choice1,
                  onChanged: (Choice? value) {
                    setState(() {
                      _choice1 = value;
                    });
                  },
                ),
              ],
            ),
            const Text('Group2'),
            Row(
              children: [
                Radio<Choice>(
                  value: Choice.a,
                  groupValue: _choice2,
                  onChanged: (Choice? value) {
                    setState(() {
                      _choice2 = value;
                    });
                  },
                ),
                Radio<Choice>(
                  value: Choice.b,
                  groupValue: _choice2,
                  onChanged: (Choice? value) {
                    setState(() {
                      _choice2 = value;
                    });
                  },
                ),
                Radio<Choice>(
                  value: Choice.c,
                  groupValue: _choice2,
                  onChanged: (Choice? value) {
                    setState(() {
                      _choice2 = value;
                    });
                  },
                ),
                Radio<Choice>(
                  value: Choice.d,
                  groupValue: _choice2,
                  onChanged: (Choice? value) {
                    setState(() {
                      _choice2 = value;
                    });
                  },
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}