Question

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

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),
      ),
    );

  }

谢谢您的时间

Answer 1

嘿，有一个错误报告给您，您可以在#44845处关注它，以获取暂时的解决方法，您可以将Image小部件包装在RepaintBoundary中。

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

1 个答案: