Как я могу сделать прокрутку фоновой анимации, подобной этой, в flutter web?

#flutter

Вопрос:

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

Ответ №1:

подскажите, это сайт не совсем с эффектом параллакса, фоновое изображение закреплено и карусельно, и просто сделайте список прокрутки на переднем плане:

 Stack(children:[
  ImageWidget/CarouselWidget,
  ListView(children:[
    //couple of Stack widget with transparent and color background
    Stack(children:[
      Container(color: Colors.transparent),
      Text('blablabla'), //may apply animation
    ]),
    Stack(children:[
      Container(color: Colors.blue),
      Text('blablabla'), //may apply animation
    ]),
    Stack(children:[
      Container(color: Colors.transparent),
      Text('blablabla'), //may apply animation
    ]),
    Stack(children:[
      Container(color: Colors.red),
      Text('blablabla'), //may apply animation
    ]),
  ])
])