Как я могу создать пользовательский стек в панели приложений ленты во флаттере? - PullRequest
Новая
       99

Как я могу создать пользовательский стек в панели приложений ленты во флаттере?

0 голосов
/ 20 сентября 2019

Привет всем. Я создаю страницу профиля для приложения.

SliverAppBar должен отображать следующий вид в развернутом состоянии:

Header with profile image in RED circle

И представление ниже, когда пользователь прокручивает список слайдов.

scrolled header with profile picture overflowing the header

Как вы видите, это пользовательский стек, который я могу создать.

Я не знаю, как это сделать в слиптах во флаттере.

Буду также признателен за любые ссылки, чтобы подробно изучить флаттер и обломки.

Коддля свернутого стека: 

             Stack(
                  alignment: Alignment.topRight,
                  children: <Widget>[
                    Container(
                        margin: EdgeInsets.only(top: 12),
                        width: 2000,
                        height: 80,
                        decoration: BoxDecoration(boxShadow: [
                          BoxShadow(blurRadius: 5.0, color: Colors.black87)
                        ])),
                    Container(
                      margin: EdgeInsets.only(right: 20, top: 5),
                      decoration: BoxDecoration(
                          shape: BoxShape.circle,
                          boxShadow: [
                            BoxShadow(blurRadius: 5.0, color: Colors.black87)
                          ],
                          border: Border.all(color: Colors.cyan, width: 3.0)),
                      child: CircleAvatar(
                        backgroundImage: AssetImage(
                            "assets/images/food/avocado-f.jpg"),

                        radius: 50,
                      ),
                    )
                  ],
                ),
...