Adding OverlayEntry in Flutter

Question

I am trying to insert a Container to the Overlay, but I had an error with this code.

class _MyHomePageState extends State<MyHomePage> {
  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    final entry = OverlayEntry(builder: (BuildContext overlayContext) {
      return Container(
        height: 50.0,
        width: 50.0,
        color: Colors.blue,
      );
    });
    _addOverlay(entry);
  }

  void _addOverlay(OverlayEntry entry) async {
    Overlay.of(context).insert(entry);
  }

  @override
  Widget build(BuildContext context) {
   return Scaffold(
      appBar: AppBar(
        title: Text('Flutter'),
      ),
      body: Center(),
    );
  }
}

This is error

setState() or markNeedsBuild() called during build. This Overlay widget cannot be marked as needing to build because the framework is already in the process of building widgets. A widget can be marked as needing to be built during the build phase only if one of its ancestors is currently building. This exception is allowed because the framework builds parent widgets before children, which means a dirty descendant will always be built. Otherwise, the framework might not visit this widget during this build phase...

Thank you in advance.

John Gorter John Gorter · Accepted Answer · 2018-09-12T09:50:51

Since the last update to flutter 0.8.1 I noticed this change too. I fixed this to add the overlay after a minimal delay

Timer.run(() { Overlay.of(context).insert(calendarOverlay);});

Now this works but it feels like a hack...

So in my build i use this code when the overlay should present itself..

If anyone has a better solution, I am interested ;-)

John

UPDATE: I found this code to be working too:

final overlay = Overlay.of(context);
WidgetsBinding.instance.addPostFrameCallback((_) => overlay.insert(entry));

It saves me from including timers...

Adding OverlayEntry in Flutter

2 Answers