미카 프로젝트

shimmer 3.0.0

컨탠츠의 로딩(Lazy update) 을 위화감 없이 표현하기 좋은 위젯

backdrop

popup 과 유사한 카드형태의 layout을 앞에 배치 할 수 있는 layout 구조를 제공합니다.

fl_chart

다양한 형태의 차트를 그릴수 있는 위젯

flutter_spinkit

다양한 로딩 인디케이터(loading indicator) 모음.

...

BackDropFilter

- material에 포함되어있는 class 입니다.

이미지에 블러 처리 하기

다양한 위젯들을 활용해서 멋진 앱을 만들어 보아요~

flutter_app_badger

앱 아이콘에 배지를 표시해주는 패키지

Carousel Slider 다양한 회전 슬라이더들

carousel 이라는 이름으로 찾아보면 다양한 것들이 나옵니다.

flutter_carousel_slider	carousel_slider	fan_carousel_image_slider

#해피코딩!!

RoundedContainer 

모서리가 둥근 container 는 종종 필요합니다.

Container(
            width: 100.0,
            height: 150.0,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.all(Radius.circular(8.0)),
              color: Colors.redAccent,
            ),
            child: [your widget]
)

RoundedCorners clipping tip.

Rounded container를 만들고 나서 padding 을 없게 꽉 채우게 되는 경우에 corner가  clipping이 안됩니다.

그럴때 ClipRRect를 사용해서 clipping 합니다.

ClipRRect(
  borderRadius: BorderRadius.circular(20), // Image border
  child: SizedBox.fromSize(
    size: Size.fromRadius(48), // Image radius
    child: Image.network('imageUrl', fit: BoxFit.cover),
  ),
)

https://stackoverflow.com/questions/51513429/how-to-do-rounded-corners-image-in-flutter