Synced text field and switch

text_field_switch.dart

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

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: darkBlue,
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends HookWidget {
  @override
  Widget build(BuildContext context) {
    final controller = useTextEditingController(text: 'eula=false');
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        TextField(controller: controller),
        SwitchWidget(controller: controller),
        SwitchWidget2(controller: controller),
      ],
    );
  }
}


class SwitchWidget extends HookWidget {
  const SwitchWidget({required this.controller});
  final TextEditingController controller;
  @override
  Widget build(BuildContext context) {
    useListenable(controller);
    return Switch(
      value: controller.text == 'eula=true',
      onChanged: (val) => controller.text = 'eula=$val',
    );
  }
}

class SwitchWidget2 extends HookWidget {
  const SwitchWidget2({required this.controller});
  final TextEditingController controller;
  @override
  Widget build(BuildContext context) {
    // useListenable(controller);
    return Switch(
      value: controller.text == 'eula=true',
      onChanged: (val) => controller.text = 'eula=$val',
    );
  }
}