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'),
      ),
    ),
  ),
);

Answer 2

Screenshot (showGeneralDialog):

---

Code:

Widget build(BuildContext context) {
  return Scaffold(
    body: SizedBox.expand(child: FlutterLogo()),
    floatingActionButton: FloatingActionButton(
      child: Icon(Icons.open_in_new),
      onPressed: () {
        showGeneralDialog(
          context: context,
          barrierColor: Colors.black54,
          pageBuilder: (_, __, ___) => Container(child: Material(child: Text('Dialog'))),
        );
      },
    ),
  );
}

Answer 3

Navigator.of(context).push(PageRouteBuilder(
    opaque: false,
    pageBuilder: (BuildContext context, _, __) {
        return YourFullScreenAlertDialog()
    }
));

YourFullScreenAlertDialog could be a widget that has a background color, Colors.transparent, like @creativecreatorormaybenot mentioned earlier.