Flutter check if TextField has focus

Question

I would like to know how to assert if a specific TextField has focus or not. The following code fails because it is saying focusNode is null. ( I cannot edit the Widget code itself )

    final fooKey = Key('foo');
    final barKey = Key('bar');
    final namePage = MediaQuery(
      data: MediaQueryData(),
      child: MaterialApp(
        home: Scaffold(
          body: Column(
            children: <Widget>[
              TextField(
                key: fooKey,
                autofocus: true,
              ),
              TextField(
                key: barKey,
              ),
            ],
          ),
        ),
      ),
    );
    testWidgets('Should focus on fooTextField not barTextField', (WidgetTester tester) async {
      await tester.pumpWidget(namePage);
      expect(tester.testTextInput.isVisible, true);
      final fooField = find.byKey(fooKey).evaluate().single.widget as TextField;
      final barField = find.byKey(barKey).evaluate().single.widget as TextField;
      await tester.enterText(find.byKey(fooKey), 'I am a foo');
      expect(fooField.focusNode.hasFocus, true);
      expect(barField.focusNode.hasFocus, false);
    })

same issue here, have you found a solution?

Sergej Werfel
– Sergej Werfel

2021-12-03 20:32:25 +00:00
Commented Dec 3, 2021 at 20:32 — Sergej Werfel
– Sergej Werfel, Commented Dec 3, 2021 at 20:32

Md Golam Rahman Tushar · Accepted Answer · 2020-06-08 05:22:18Z

1

As described in the documentation first you need to create an instance of the FocusNode and then add it to TextField.

edited Jun 8, 2020 at 5:22

answered Jun 8, 2020 at 5:20

Md Golam Rahman Tushar

2,4451 gold badge19 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Md Golam Rahman Tushar Over a year ago

I can try, but you can follow the link, it has nice explanation with example.

Collectives™ on Stack Overflow

Flutter check if TextField has focus

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related