How to Display a Widget Over the Screen in flutter?

Question

I want to Display a Widget like this over the Image/Screen:

I try to do this with snackbar with following code:

SnackBar(
  elevation: 5,
  padding: const EdgeInsets.all(0),
  backgroundColor: Colors.transparent,
  behavior: SnackBarBehavior.floating,
  content: Children()

But it is displaying with a little black color in background...

Is there any other widget for achieving this???

If you know the answer of the question then answer this question...

score 1 · Accepted Answer · answered Oct 06 '21 at 12:55

1

You can also use Toast in this case. A toast generally appears for 2 seconds or you can set a custom duration for the same.

Flutter Toast is a good library to achieve the same.

https://pub.dev/packages/fluttertoast

answered Oct 06 '21 at 12:55

Saheb Singh

1,172
7
13

score 0 · Answer 2 · answered Oct 06 '21 at 10:12

0

Stack(children: [
    ImageWidget(...),
    Align(
        alignment: Alignment.bottomCenter
        child: SnackBar(
            elevation: 5,
            padding: const EdgeInsets.all(0),
            backgroundColor: Colors.transparent,
            behavior: SnackBarBehavior.floating,
            content: Children()
)])

answered Oct 06 '21 at 10:12

novol

832
4
20

But I want to display it on click of button and only for some seconds – Zilaid Oct 06 '21 at 10:31
You didn't mention this goal in the description – novol Oct 06 '21 at 10:39
then, I mean you need it https://flutter.dev/docs/cookbook/design/snackbars – novol Oct 06 '21 at 10:42

How to Display a Widget Over the Screen in flutter?

2 Answers2