-
[Flutter] carousel_slider을 사용해보자Flutter 2021. 11. 26. 17:02728x90
결제창을 만드는 도중 carousel_slider를 사용할 필요가 있어 배운 내용을 공유해보려 합니다.
저는 이미지를 리스트에 String타입으로 저장을 했습니다.
이후에 items에 imgList를 지정해준 다음 Map으로 변환시킨 후 위젯들을 반환해줬습니다. CarouseOptions에는 다양한 기능들이 있는데 하나하나 지정해보시면서 사용해보시면 Ui를 디자인하시는데 도움이 될 것 같습니다. 저는 특히 autoPlay기능이 너무 마음에 들었는데요. 일정한 시간이 지남에 따라 자동으로 이미지가 슬라이드 됩니다. 물론 Duration을 통해서 시간을 조절할 수 도 있습니다.
적용화면 조금이나마 도움이 되셨다면 하트눌러주시면 큰 도움이 됩니다. 감사합니다.
728x90'Flutter' 카테고리의 다른 글
[Flutter] Flutter에서 Hex값을 사용해 색상을 설정하려면? (0) 2021.12.03 [Flutter] Object 활용하여 리스트뷰에 적용해보기 (0) 2021.11.30 [Flutter] flutter Api로 불러온 일부 텍스트 변경하기 (0) 2021.11.22 [Flutter] Prefer const with constant constructors 해결방법 (0) 2021.10.21 [Flutter] AppBar에 Gradient를 사용해 꾸며보자 (0) 2021.10.21