Overflow in flutter web when user try to zoom in the screen

user_10232304 0
Viewed 823

I'm creating a web app using flutter and I've encountered this problem: when I try to zoom in using the shortcuts (ctrl and +), the widget start to response until they become overflowed and yellow banners start to appear.

how to fix this problem

flutter-web flutter zooming overflow
1 Answers

You can add a SingleChildScrollView:

SingleChildScrollView(
     child: Column(
      children: [
        Padding(
         padding:
          const EdgeInsets.only(top: 30, bottom: 10),
           child: Text('Login',
            style: TextStyle(
             fontSize: browser* 4,
              fontWeight: FontWeight.bold)),
               ),

Login Page with SCSV

user_135587850
Related