[flutter] Image

이미지 컨트롤하는방법이 궁금해서 따로 찾아봤다!

fit option

fit 옵션이 있고, cover, fill, contain, fitWidth 속성이 있다.
아마 contain이랑 cover를 주로 쓰지 않을까?

fit: BoxFit.cover
fit: BoxFit.fill
fit: BoxFit.contain
fit: BoxFit.fitWidth
fit: BoxFit.fitHeight

AspectRatio

종횡비를 조절한다!

AspectRatio(
  aspectRatio: 1 / 1,
  child: Image.network(),
  fit:BoxFit.cover, //꽉 차게
)

FadeInImage

이미지 placeholder를 설정.
보니까 스켈레톤이라기보다 스피너가 돌아가면서 이미지가 말그대로 페이드인 되는 것 같음.
스켈레톤을 assets에 두고 사용하는 방법도 가능할 것 같긴 하다.

FadeInImage.memoryNetwork(
  placeholder: kTransparentImage,
  // placeholder: 'assets/loading.gif', 이렇게 asset에서 끌어오는것도 가능
  image: 'https://picsum.photos/250?image=9',
),