AnnotatedRegion doesn't work on real device

Question

I use AnnotatedRegion widget to change where status bar items on iOS device should be dark or light by setting SystemUiOverlayStyle and this works when I run it on iOS Simulator.

Here's the preview (on iOS Simulator, iPhone 11):

But sadly I also tried to run it on real device, and here's the preview (iPhone XR)

I made this from fresh project and here's the code I use:

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  bool _toggled = false;

  @override
  Widget build(BuildContext context) {
    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: _toggled ? SystemUiOverlayStyle.light : SystemUiOverlayStyle.dark,
      child: Container(
        color: Colors.blueAccent,
        child: FlatButton(
          child: Text('Toggle SystemUiOverlayStyle'),
          onPressed: () {
            setState(() => _toggled = !_toggled);
          },
        ),
      ),
    );
  }
}

• Flutter version 1.12.13+hotfix.8 at /Users/mochamadluckypradana/Documents/flutter
• Framework revision 0b8abb4724 (5 weeks ago), 2020-02-11 11:44:36 -0800
• Engine revision e1e6ced81d
• Dart version 2.7.0

Is this bug or something? Thank you

Answer 1

Fixed in current unstable version of flutter (v1.16.2-pre.41). Github issue https://github.com/flutter/flutter/issues/53034