Flutter SliverAppBar похож на iPhone Google Maps

Я пытаюсь реализовать во Flutter аналогичный Google Maps AppBar, используя CustomScrollView и SliverAppBar с flexibleSpaceBar, но я не нашел никакой возможности отображать виджет только в «открытом» состоянии AppBar.

Предполагаемое представление результата таково:

Открытый просмотр

Панель просмотра

После попытки развить это у меня нет успеха.

Есть идеи, как это сделать?

ОБНОВЛЕНИЕ

The needed effect is visualized in that gif:

via GIPHY


flutter flutter-sliver
person Andrei Jiácomo Zuse    schedule 26.04.2018    source источник

Ответы (1)


arrow_upward
-1
arrow_downward

демо

Привет, я думаю, вы ищете что-то подобное.

если да, вы можете найти код в приложении галереи флаттера.

Надеюсь, это поможет :)

person Ajay Kumar    schedule 26.04.2018
comment
Я получаю этот пример и пытаюсь добавить больше данных в расширенном виде, но у меня ничего не получается ... У меня очень похожий дизайн представления места на картах Google в моем приложении, но я не понимаю и не посмотрите в документации, как построить чем ... Посмотрите на Opened View в моем вопросе. Извините за ошибку в английском ... - person Andrei Jiácomo Zuse; 26.04.2018
comment
Значит, вам нужен слайдер изображений вместо одного изображения? - person Ajay Kumar; 26.04.2018
comment
Нет, мне нужно больше информации, отображаемой в развернутом состоянии, и эта информация скрыта в свернутом состоянии. - person Andrei Jiácomo Zuse; 26.04.2018
comment
Мне нужен этот эффект при прокрутке вверх: Карты Google для iOS - person Andrei Jiácomo Zuse; 26.04.2018