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...

Answer 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

Answer 2

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