试图让动画在背景图片上方播放

问题描述 投票:0回答:1

这是我的第一个抖动问题,我正在尝试使动画在堆栈中的背景图像上方播放。如果我删除图像,则可以看到动画的播放,但是其中没有图像,没有动画播放,可以在放置图像之前的一秒钟内看到它,因此我猜该动画位于图像的后面。

return  Stack(
      alignment: Alignment.center,

      children: <Widget>[

        Positioned.fill(child: new Image.asset(
            colors[_Element.image],
            width: size.width,
            height: size.height,
            fit: BoxFit.fill),),
        Positioned.fill(child: Container(
          child: AnimatedBuilder(
            animation: CurvedAnimation(parent: _controller, curve: Curves.fastOutSlowIn),
            builder: (context, child){
              return Stack(
                alignment: Alignment.center,
                children: <Widget>[

                  _buildContainer(150 * _controller.value),
                  _buildContainer(200 * _controller.value),
                  _buildContainer(250 * _controller.value),
                  _buildContainer(300 * _controller.value),
                  _buildContainer(350 * _controller.value),
                ],
              );
            },
          ),
        ),),

Widget _buildContainer(double radius) {
    return Container(
      width: radius,
      height: radius,
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: Colors.blue.withOpacity(1 - _controller.value),
      ),
    );

  }

感谢您的时间

animation flutter dart flutter-layout
1个回答
0
投票

嘿,有一个错误报告给您,您可以在这里#44845进行跟踪,以寻求暂时的解决方法,您可以将Image小部件包装在RepaintBoundary中。

© www.soinside.com 2019 - 2024. All rights reserved.