change screen mode automatically in flutter

Question

i wan to change my layout from landscape to portrait and vice versa inside my app (depending on the rotation of the device by the user) in flutter

i tried using OrientationBuilder and MediaQuery but all of them read only for first time (even when user change the orientation mode) it doesn't detect the changes.

even i tried the WidgetsBindingObserver by adding:

@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);
}

@override
void dispose() {
WidgetsBinding.instance.removeObserver(this);
super.dispose();
}

and use didChangeMetrics() but same issue:
      @override
      void didChangeMetrics() {
        final orientation =
            WidgetsBinding.instance.window.physicalSize.aspectRatio > 1
                ? Orientation.landscape
                : Orientation.portrait;

    _currentOrientation = MediaQuery.of(context).orientation;
    print('Before Orientation Change: $_currentOrientation');
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      setState(() {
        _currentOrientation = MediaQuery.of(context).orientation;
      });
  print('After Orientation Change: $_currentOrientation');
});
}

i even tries to add setPrefrences inside the didChangeMetrics but didn't work either!

What was the thing that didn't work? When changing the orientation, are build and didChangeDependencies getting called in the widget?! — Ahmad F
– Ahmad F, Commented May 28, 2024 at 15:26
yes it enter for first time but when changing the orientation, it doesn't reach (doesn't print that it is now landscape for example) — Naif Alluhaidan Engr
– Naif Alluhaidan Engr, Commented May 29, 2024 at 11:29

Mansoor Malik · Accepted Answer · 2024-05-28 15:54:37Z

0

Try this, I hope it will works

Orientation _orientation = Orientation.portrait;
      @override
      void didChangeMetrics() {
        final newOrientation = WidgetsBinding.instance.window.physicalSize.aspectRatio > 1
            ? Orientation.landscape
            : Orientation.portrait;
    
        if (newOrientation != _orientation) {
          setState(() {
            _orientation = newOrientation;
          });
        }
      }

answered May 28, 2024 at 15:54

Mansoor Malik

4844 silver badges20 bronze badges

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

1 Comment

Naif Alluhaidan Engr Over a year ago

still not working

Collectives™ on Stack Overflow

change screen mode automatically in flutter

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