[Flutter] 이미지 넣기 / 이미지 크기 조절하기 / 둥글게 만들기

이미지 넣는 법

1. assets 폴더를 만든다.

- 그 안에 images 폴더를 만든다.

- 그 안에 원하는 이미지를 넣는다.

// 아래와 같이 폴더 만든 후, 이미지 넣어주기
assets/images/puppy.jpeg

* 이상하게 jpg는 안되고 jpeg는 되었음.

 

2. pubspec.yaml 파일에

아래 코드를 추가한다.

flutter:
  assets:
    - assets/images/puppy.jpeg

 

3. 코드에 적용한다.

ClipRRect(
	borderRadius: BorderRadius.circular(500),
		child: const Image(
			image: AssetImage('images/puppy.jpeg'),
			width: 70,
			height: 70,
			fit: BoxFit.cover,
		),
),

 

이미지 크기 조절

- width 와 height로 크기를 지정한 후, fit: BoxFit.cover를 쓰면 끝 !

 

이미지 둥글게 만드는 법

- ClipRRect로 감싸주고 borderRadius 설정해주기 

borderRadius: BorderRadius.circular(500),