Повторите изображения рядом с трепетанием

Question

Итак, это мой первый настоящий проект, связанный с флаттером, и я не могу понять, как решить эту проблему ...

Я в основном пытаюсь «умножить» или «повторить» значок бесконечное количество раз на моем AppBar , Но я не мог найти способ, чтобы на самом деле сделать это ...

Вот изображение, которое я имею в виду:

https://i.stack.imgur.com/aKOVj.png

И Вот мой код AppBar:

            child: Stack(
              children: <Widget>[
                AppBar(
                  backgroundColor: Colors.lightGreen,
                  leading: IconButton(
                    alignment: Alignment(1.2, 1),
                    icon: Icon(Icons.close, color: Colors.white,),
                  ),
                ),
                Positioned(
                  right: 150,
                  left: -180,
                  child: Container(
                  ),
                ),
                Positioned(
                  height: 30,
                  top: 0,
                  right: 0,
                  child: RotationTransition(
                    turns: AlwaysStoppedAnimation(-30 / 360),
                    child: Image.asset('assets/writer-icon.png',
                      repeat: ImageRepeat.repeat,
                      alignment: const Alignment(2.5, 3.5),
                    )
                  ),
                ),
                Positioned(
                  height: 30,
                  top: 20,
                  right: 35,
                  child: RotationTransition(
                      turns: AlwaysStoppedAnimation(-30 / 360),
                      child: Image.asset('assets/writer-icon.png',
                        repeat: ImageRepeat.repeat,
                        alignment: const Alignment(2.5, 3.5),
                      )
                  ),
                ),
              ],
            ),

Благодарим Вас за помощь.

Answer 1

Вместо использования стека с позиционированными элементами, более простым и простым решением было бы использование свойства FlexibleSpace в appBar для добавления фонового изображения. Вам понадобится ваш дизайнер, чтобы создать фоновое изображение, как вы хотите.

flexibleSpace: Image( image: AssetImage('assets/images/appbar_bg.png'), fit: BoxFit.cover, ),