flutter: android navbar stays after keyboard use, even though in SystemUiMode.immersive

Question

i have a flutter app using SystemUiMode.immersive, but when i use my keyboard and discards it, the navbar (and status bar) stays on the app.

I have code that removes them if you touch the screen, but sometimes they hide things and users get confused.

any solution?

Amirali Eric Janani · Accepted Answer · 2023-07-12 15:01:40Z

0

You can use FocusNode to listen to the changes that you need in keyboard focus.

FocusNode _focusNode = FocusNode();

@override
void initState() {
  super.initState();
  _focusNode.addListener(() {
    if (!_focusNode.hasFocus) {
      SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersive);
    }
  });
}

@override
void dispose() {
  _focusNode.dispose();
  super.dispose();
}

Widget build(BuildContext context) {
  return Scaffold(
    body: GestureDetector(
      onTap: () {
        FocusScope.of(context).requestFocus(FocusNode());
      },
      child: // Your child...
    ),
  );
}

This means that when your keyboard is dismissed, you can hide the system ui programmitically.

Happy coding...

answered Jul 12, 2023 at 15:01

Amirali Eric Janani

1,8373 gold badges14 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

flutter: android navbar stays after keyboard use, even though in SystemUiMode.immersive

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related