Flutter

[Flutter] carousel_slider을 사용해보자

성영욱 2021. 11. 26. 17:02
728x90

결제창을 만드는 도중 carousel_slider를 사용할 필요가 있어 배운 내용을 공유해보려 합니다.

저는 이미지를 리스트에 String타입으로 저장을 했습니다.

 

이후에 items에 imgList를 지정해준 다음 Map으로 변환시킨 후 위젯들을 반환해줬습니다. CarouseOptions에는 다양한 기능들이 있는데 하나하나 지정해보시면서 사용해보시면 Ui를 디자인하시는데 도움이 될 것 같습니다. 저는 특히 autoPlay기능이 너무 마음에 들었는데요. 일정한 시간이 지남에 따라 자동으로 이미지가 슬라이드 됩니다. 물론 Duration을 통해서 시간을 조절할 수 도 있습니다. 

 

적용화면

 

조금이나마 도움이 되셨다면 하트눌러주시면 큰 도움이 됩니다. 감사합니다.

728x90