관리 메뉴
목록FadeInImage (1)
민프
[Flutter] FadeInImage를 이용하여 FadeIn 효과 + Placeholder Image 를 적용해보자
이번 포스팅에서는 FadeInImage Widget을 사용하여서 위 GIF와 같이 이미지가 로딩되는 동안의 이미지 (새 사진)와 이미지가 완료 된 후 이미지 (산 사진)를 애니메이션과 함께 적용해보려고 합니다. FadeInImage는 아래 사진과 같이 2가지 옵션을 가집니다. assetNetWork는 네트워크에서 최종 이미지를 로드하는 동안 asset폴더에 저장된 이미지를 사용하는 위젯을 생성하는 것이고, memoryNetwork는 네트워크에서 최종 이미지를 로드하는 동안 메모리에 저장된 이미지를 사용하는 위젯을 만드는 것 입니다. 적용한 코드는 아래와 같습니다. FadeInImage.assetNetwork( fit: BoxFit.cover, placeholder: "assets/images/placeh..
Frontend/[Flutter]
2023. 9. 20. 18:47