방법
path folder: /
path file: assets/image/image.jpeg
Image.asset('assets/image/image.jpeg'),
Image.network(
'https://thumbs.gfycat.com/ArcticSameGoldenmantledgroundsquirrel-size_restricted.gif'),
Image.network('https://jjalbang.today/jjv22d.jpg'),
▼ image (Image) 추가 설명
Image(
image: AssetImage('assets/image/image2.gif'),
)
Image(
image: NetworkImage(
'https://flutter.github.io/assets-for-api-docs/assets/widgets/owl.jpg'),
)
Image.file(file),
// 오버플로우 났을때 SingleChildScrollView로 감싸면 스크롤 가능하게 설정
body: SingleChildScrollView(
child: Column(
children: [
Image.asset(
'assets\\image\\image01.jpg',
width: 200,
height: 200,
fit: BoxFit.contain, // 기본값 (이미지 안잘림, 정해짐 사이즈 안에서 비율이 변하지 않고 나타냄)
),
Image.asset(
'assets\\image\\image01.jpg',
width: 200,
height: 200,
fit: BoxFit.fill, // 내가정한 사이즈에 맞춰 채움, 이미지 왜곡 일어남
),
Image.asset(
'assets\\image\\image01.jpg',
width: 200,
height: 200,
fit: BoxFit.cover, // 내가정한 사이즈보다 크면 이미지 짤릴수 있음, 이미지 왜곡은 안일어남
),
Image.asset(
'assets\\image\\image01.jpg',
width: 300,
height: 300,
fit: BoxFit.fitWidth, // 각 너비 기반, (이미지 짤리수 있으나, 이미지외곡은 안일어남)
),
Image.asset(
'assets\\image\\image01.jpg',
width: 300,
height: 300,
fit: BoxFit.fitHeight, // 각 높이 기반, (이미지 짤리수 있으나, 이미지외곡은 안일어남)
),
Image.asset(
'assets\\image\\image01.jpg',
width: 300,
height: 300,
fit: BoxFit.none, // 본 이미지 사이즈 그대로 출력함
),
// Image.network('https://t1.daumcdn.net/cafeattach/1WjuI/013f9608a0d67f18d2b334a3ee75aebb0fcbd787'),
],
),
),