title: Place gif behind button Flutter
body: <p>I have added GIF to a button. On tapping the button it will play that gif. I am using the Stack widget to overlap them onto each other. However, I want the gif behind and the button on top of it. Currently it looks like this</p>
  <p><a href="https://i.stack.imgur.com/Y7mVZ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y7mVZ.jpg" alt="enter image description here" /></a></p>
  <p>How can I shift the gif behind the button and at the same time make it visible.</p>
  <p>My code:</p>
  <pre><code>  Stack(
  
  
  
                  children: [
  
                    FloatingActionButton(
                      child: Icon(Icons.share),
                      heroTag: null,
                      backgroundColor: primaryColor,
  
                      onPressed: () {
  
                        setState(() {
                          isOpen = true;
                        });
  
                        shareUserProfile();
                      },
                    ),
                    isOpen
                        ?       Positioned.fill(
                      child: Image.asset('assets/images/CELEB.gif',
  
                       fit: BoxFit.contain,
                      ),
                    )
  
                        : Container(),
                  ],
                ),
  </code></pre>