import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

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

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

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

class _MyAppState extends State<MyApp> {
  bool _switchValue = false;
  final Color _thumbColor = Colors.redAccent;
  final Color _focusColor = Colors.yellow;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(useMaterial3: true),
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  Column(
                    children: <Widget>[
                      const Text('Switch'),
                      const SizedBox(height: 5),
                      Switch(
                        value: _switchValue,
                        thumbColor:
                            MaterialStatePropertyAll<Color?>(_thumbColor),
                        focusColor: _focusColor,
                        onChanged: (bool value) {
                          setState(() {
                            _switchValue = value;
                          });
                        },
                      ),
                      Theme(
                        data: ThemeData(
                          platform: TargetPlatform.android,
                          useMaterial3: true,
                        ),
                        child: Column(
                          children: <Widget>[
                            const Text('Switch.adaptive (Android)'),
                            const SizedBox(height: 5),
                            Switch.adaptive(
                              value: _switchValue,
                              thumbColor:
                                  MaterialStatePropertyAll<Color?>(_thumbColor),
                              focusColor: _focusColor,
                              onChanged: (bool value) {
                                setState(() {
                                  _switchValue = value;
                                });
                              },
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                  Column(
                    children: <Widget>[
                      const Text('CupertinoSwitch'),
                      const SizedBox(height: 5),
                      CupertinoSwitch(
                        value: _switchValue,
                        thumbColor: _thumbColor,
                        focusColor: _focusColor,
                        onChanged: (bool value) {
                          setState(() {
                            _switchValue = value;
                          });
                        },
                      ),
                      Theme(
                        data: ThemeData(
                          platform: TargetPlatform.iOS,
                          useMaterial3: true,
                        ),
                        child: Column(
                          children: <Widget>[
                            const Text('Switch.adaptive (iOS)'),
                            const SizedBox(height: 5),
                            Switch.adaptive(
                              value: _switchValue,
                              thumbColor:
                                  MaterialStatePropertyAll<Color?>(_thumbColor),
                              focusColor: _focusColor,
                              onChanged: (bool value) {
                                setState(() {
                                  _switchValue = value;
                                });
                              },
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}