Как исправить обрезанную тень в AnimatedList? - PullRequest
Новая
       29

Как исправить обрезанную тень в AnimatedList?

0 голосов
/ 11 июня 2019

Я использую 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

Это я использую AnimatedList: https://i.imgur.com/bQ3ocL1.jpg

1 Ответ

0 голосов
/ 12 июня 2019

Я не могу повторить вашу проблему @ quyen.

Это тест, который я провел на симуляторе iOS и флаттер 1.5.4-hotfix.2 (стабильный канал):

Анимированный список: дочерний: AnimatedList (initialItemCount: msgs.length, itemBuilder: (BuildContext ctx, int index, анимационная анимация) {return TextSentMessage (buildStatus: Icon (Icons.check_circle, размер: 18, цвет: цвет).fromARGB (255, 0, 117, 255),), textMessage: msgs [index],);},),

Анимированное демонстрационное изображение: animated list

Построитель списка просмотра: 

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

Демонстрационное изображение LIST VIEW: list view

...