How to create a transparent full screen dialog on top of activity - Flutter

Question

I am trying to create a transparent full screen dialog on top of activity. I have tried following this thread but solution doesn\'t work.

In short , what I need

Answer 1

For me the following worked:

showDialog(
  context: context,
  builder: (_) => Material(
    type: MaterialType.transparency,
    child: Center(
      // Aligns the container to center
      child: Container(
        // A simplified version of dialog.
        width: 100.0,
        height: 56.0,
        color: Colors.green,
        child: Text('jojo'),
      ),
    ),
  ),
);