Flutter Hooks: Getting error while using useEffect with TextEditingController

Question

I want to use useEffect with TextEditingController instead of useTextEditingController.

Error: late Initialization Error. Am I not writing init and disposing correctly?

class EffectTest extends HookWidget {
  const EffectTest({super.key});

  @override
  Widget build(BuildContext context) {
    late TextEditingController controller;

    useEffect(
      () {
        controller = TextEditingController();

        return () {
          controller.clear();
        };
      },
      [],
    );

    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: [
            Text(controller.value.text),
            TextField(
              controller: controller,
              onSubmitted: (value) {
                print(controller.value.text);
              },
            ),
          ],
        ),
      ),
    );
  }
}

On Android, it starts and stays for 1 second and then - LateInitializationError: Local 'controller' has not been initialized. — Anmol Singh, Jul 22 '22 at 15:36
useEffect is used to update, you dont want to assign new controller every time, better use `useTextEditingController` — Md. Yeasin Sheikh, Jul 22 '22 at 15:38
@YeasinSheikh, What exactly is the use of useEffect? Can I not use it as a replacement for Init and dispose state lifecycles? — Anmol Singh, Jul 22 '22 at 15:40
you can check [it](https://pub.dev/documentation/flutter_hooks/latest/flutter_hooks/useEffect.html) — Md. Yeasin Sheikh, Jul 22 '22 at 15:41

score 0 · Answer 1 · answered Dec 08 '22 at 13:21

0

final TextEditingController controller = useTextEditingController();

flutter hooks will handle everything, you do not have to initialize it in useEffect.

answered Dec 08 '22 at 13:21

ibrahim Eltayfe

118
2
5

Flutter Hooks: Getting error while using useEffect with TextEditingController

1 Answers1