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

MediaQuery.of(context).size.width overflowing error – Flutter/Dart

The screenshot below can help explain my situation better. As you can see, I’ve built a very simple screen/widget. The issue is that when turning the iPhone 14 simulator into landscape mode, the width of MediaQuery.of(context).size.width is no longer being respected and overflows to the right. This simply shouldn’t happen because MediaQuery considers the dimensions of the current device’s width/height. I’ve tested on every simulator, multiple android devices, etc. and this overflowing error doesn’t occur on any of those devices or simulators. This issue only occurs in landscape mode with the iPhone 14 simulator. I can show other screenshots of it working just fine on other devices if needed. Any help solving this bug/error would be greatly appreciated!

enter image description here

Tags:

2

Answers


  1. 0

    Try to wrap your SizedBox widget with Expanded or Flex and it will fix the overflow cause it just takes all free space (at your point – width of the screen)

    Login or Signup to reply.
  2. 0

    If there is no title you can add it directly to the title instead of using actions.

    AppBar(
    titleSpacing: 0,
    title: SizedBox(
      width: MediaQuery.of(context).size.width,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: const [
          Text('hi'),
          Text('hello'),
          Text('hey'),
        ],
      ),
    ),
  )
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search