I would like to create a kind of animation in a layout, but I have no idea how to do it. Imagine a list with 7 (just for example) elements. However, the sixth and seventh elements are initially positioned below the fifth. When this list is scrolled, the fifth element moves out of the way, revealing the sixth, and so on. In this link, there is a Figma layout that illustrates what I am trying to achieve: https://www.figma.com/file/RBJUpcskBS3uImeyHDkstW/Untitled?type=design&node-id=0%3A1&mode=design&t=YwR33X6YBswv1o8a-1.
If anyone can help me, I would greatly appreciate it. I don’t have any code to show because everything I’ve tried doesn’t make sense, haha."
2
Answers
consegui fazer o que estava querendo, usei por base a biblioteca StackedCardCarousel, no código ate o momento eu preciso importar a biblioteca, creio que ainda da pra melhorar o código mas por enquanto vai continuar desse jeito, essa é a classe que cria o efeito
`
para usar eu preciso de uma classe auxiliar por que a view estava se recriando, esta é a classe auxiliar: `
`
chamo essa classe dentro da minha view principal e dessa maneira consigo mostrar o carrossel de imagens em miniatura, na horizontal como demonstrado na imagem :imagem demonstrativa de carrossel de imagens na horizontal
I think you want to make a slider. you can achieve this using pageview widget. to change its index automatically you can set a Timer.periodic in initstate.
or you can use this package carousel_slider