如何修复 AnimatedList 中的裁剪阴影？

Question

我使用 AnimatedList 但在项目中使用阴影，我的项目如下代码，我需要一些帮助！！！

class TextSentMessage extends StatelessWidget {
  final String textMessage;
  final Widget buildStatus;

  TextSentMessage({this.textMessage, this.buildStatus});

  @override
  Widget build(BuildContext context) {
    print('message 4 : ' + textMessage);
    return Row(
      mainAxisAlignment: MainAxisAlignment.end,
      crossAxisAlignment: CrossAxisAlignment.end,
      children: <Widget>[
        Stack(
          overflow: Overflow.visible,
          children: <Widget>[
            Container(
                padding: EdgeInsets.only(
                    top: 10.0, bottom: 10.0, left: 20.0, right: 15.0),
                margin: EdgeInsets.all(5.0),
                constraints: BoxConstraints(
                    maxWidth: 0.7 * MediaQuery.of(context).size.width,
                    minWidth: 50.0),
                decoration: BoxDecoration(
                  color: Color.fromARGB(255, 0, 117, 255),
                  boxShadow: [
                    BoxShadow(
                        color: black_7, blurRadius: 64, offset: Offset(0, 7))
                  ],
                  borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(20),
                      topRight: Radius.circular(20),
                      bottomRight: Radius.circular(6),
                      bottomLeft: Radius.circular(20)),
                ),
                child: Text(textMessage,
                    textAlign: TextAlign.right,
                    style: TextStyle(
                        fontFamily: 'UTM Avo',
                        fontSize: 15.0,
                        color: Colors.white))),
          ],
        ),
        buildStatus
      ],
    );
  }
}

这是我使用的 ListView.builder : https://i.imgur.com/4LVXOOw.jpg

这是我使用的动画列表：https://i.imgur.com/bQ3ocL1.jpg

Answer 1

我无法复制你的问题@quyen。

这是我在iOS simulator & flutter 1.5.4-hotfix.2 (stable channel)上做的测试：

动画列表： child：动画列表（ initialItemCount: msgs.length, 项目建设者： (BuildContext ctx, int index, Animation 动画) { return TextSentMessage( 构建状态：图标（ Icons.check_circle, 尺寸：18，颜色：Color.fromARGB(255, 0, 117, 255), ), 文本消息：消息[索引]， ); }, ),

动画演示图片：

列表视图生成器：

child: ListView.builder(
          itemBuilder: (ctx, index) {
            return TextSentMessage(
              buildStatus: Icon(
                Icons.check_circle,
                size: 18,
                color: Colors.green,
              ),
              textMessage: 'This is a text message!',
            );
          },
          itemCount: 6,
          scrollDirection: Axis.vertical,
        ),

列表视图演示图像：

如何修复 AnimatedList 中的裁剪阴影？

How to fix cropped shadow in a AnimatedList?

flutter

flutter-layout

flutter-animation