Image 위젯은 이미지를 표시하고 다양한 속성을 통해 이미지를 컨트롤할 수 있는 중요한 위젯입니다.
주요 속성과 예시 코드
Image(
image: AssetImage('assets/image.png'), // 이미지 경로 지정
width: 200, // 이미지의 가로 너비
height: 150, // 이미지의 세로 높이
fit: BoxFit.cover, // 이미지의 맞춤 형태 (contain, cover, fill 등)
alignment: Alignment.center, // 이미지의 정렬 방향
color: Colors.blue, // 이미지에 적용할 색상
colorBlendMode: BlendMode.darken, // 이미지와 색상을 혼합하는 모드
repeat: ImageRepeat.repeat, // 이미지 반복 (repeat, repeatX, repeatY 등)
)
1) image: 이미지 파일의 경로나 네트워크 URL을 지정합니다.
2) width: 이미지의 가로 너비를 설정합니다.
3) height: 이미지의 세로 높이를 설정합니다.
4) fit: 이미지의 맞춤 형태를 설정합니다. BoxFit 열거형을 사용하여 이미지가 화면에 맞추는 방법을 선택할 수 있습니다.
5) alignment: 이미지의 정렬 방향을 설정합니다. Alignment 클래스를 사용하여 정렬 위치를 지정할 수 있습니다.
6) color: 이미지에 적용할 색상을 설정합니다. 이미지를 색상으로 덮어쓸 수 있습니다.
7) colorBlendMode: 이미지와 색상을 혼합하는 모드를 설정합니다. BlendMode 열거형을 사용하여 모드를 선택합니다.
8) repeat: 이미지의 반복 방식을 설정합니다. ImageRepeat 열거형을 사용하여 반복 방식을 선택합니다.