Блог

Я добавил GIF к кнопке. При нажатии на кнопку он будет воспроизводить этот gif. Я использую виджет стека, чтобы накладывать их друг на друга. Тем не менее, я хочу, чтобы gif был позади и кнопка поверх него. В настоящее время это выглядит так

Как я могу переместить gif за кнопку и в то же время сделать его видимым.

Мой код:

   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(),
                ],
              ),
  

Просто поместите GIF перед этим в список дочерних элементов:

 Stack(
      children: [

              isOpen?       Positioned.fill(
                child: Image.asset('assets/images/CELEB.gif',

                 fit: BoxFit.contain,
                ),
              )

                  : Container(),
              FloatingActionButton(
                child: Icon(Icons.share),
                heroTag: null,
                backgroundColor: primaryColor,

                onPressed: () {

                  setState(() {
                    isOpen = true;
                  });

                  shareUserProfile();
                },
              ),
            ],
          ),