Question 319729 in Flutter Question posted in
The official Flutter documentation can be found here.

Flutter – resizeToAvoidBottomInset is causing an overflow when the screen is popped

I have a widget that uses the resizeToAvoidBottomInset property on a column. Here it is below with some irrelevant details like decoration taken out:

Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          TextField(
            maxLines: 1,
            maxLength: 6,
            controller: textController,
          ),
          Container(height: 16.0),
          const Spacer(),
          Container(
            alignment: Alignment.bottomCenter,
            child: ScreenWideButton("Update", onPressed: () {
              if (textController.text.length > 4) {
                widget.onChanged(int.parse(textController.text
                    .substring(1, textController.text.length - 2)));
                Navigator.of(context).pop();
                Fluttertoast.showToast(msg: "Changes saved");
              } else {
                Fluttertoast.showToast(msg: "Please enter a valid value");
              }
            }),
          ),
          const SizedBox(height: 10),
        ],
      ),
      resizeToAvoidBottomInset: true,
    );
  }

The widget works fine but when I pop back onto the screen under it by pressing the Update button, I get an overflow error very briefly as such (the gif is at 0.25x speed):

enter image description here

I haven’t tried anything because I don’t really understand the problem. Any ideas how to fix it or why its happening?

Tags:

2

Answers


  1. 0

    There’s possible solutions:

    1- Is to close the keyboard before popping the screen, using FocusManager.instance.primaryFocus?.unfocus();

    2- Is to set the resizeToAvoidBottomInset property in the first screen to false.

    Login or Signup to reply.
  2. 0

    The method written by the friend above is also correct, but I wrote a nice function for you. You can trigger this function (button click, onFieldSubmitted and onEditingComplete in the textformfield, or click anywhere on the page) or close the keyboard when it is clicked. functional

     void  removeFocus(final BuildContext context) {
       final FocusScopeNode currentFocus = FocusScope.of(context);
       if (!currentFocus.hasPrimaryFocus) {
       currentFocus.unfocus();
       }
  }

    If you have a problem with dir, you can get rid of this error if you scroll the Filter page design. For example, if you wrap the Filter Page with the SingleChildScrollView class, this problem will disappear.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search