Как создать единый пользовательский интерфейс, такой как Sliver AppBar, с помощью Flutter - PullRequest
0 голосов
/ 02 декабря 2018

Вдохновленный новым One UI от Samsung, я хотел реализовать нечто подобное, используя SliverAppBar во Flutter.Но я не могу понять ...

Согласно реализации One UI, SliverAppBar title должен отображаться прямо в центре (как по вертикали, так и по горизонтали) развернутой панели приложения.,В то же время он должен придерживаться влево при свертывании.

ПРИМЕЧАНИЕ: В моем случае панель приложения также содержит фоновое изображение ... Итак, при попытке обернуть FlexibleSpaceBar с Column виджет, кажется, делает фон странным.

Я также хочу избавиться от дополнительного отступа слева (который доступен по умолчанию, даже если «ведущий» виджет не размещен) при свертывании,Кроме того, было бы лучше, если бы действия отображались в нижней части SliverAppBar при развертывании, чтобы пользователи могли обращаться к ним одной рукой ...

Один пользовательский интерфейс:


Expanded SliverAppBar Collapsed SliverAppBar

Left ⇒ Expanded:                    Right ⇒ Collapsed:

- Actions on bottom                 - Actions as usual
- title is centered                 - title is on the left
                                      (no unwanted padding on the left of title)
...