Flutter - #6. Image

손세은·2023년 9월 8일
  1. Image 위젯은 이미지를 표시하고 다양한 속성을 통해 이미지를 컨트롤할 수 있는 중요한 위젯입니다.

  2. 주요 속성과 예시 코드

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 열거형을 사용하여 반복 방식을 선택합니다.

  1. 이것은 기본적인 Image 위젯의 사용 예시입니다. 이미지를 표시하고 스타일을 조정하는 데 사용됩니다. 위의 코드를 기반으로 필요한 이미지를 로드하고 원하는 스타일을 설정할 수 있습니다.
profile
힙스터 개발자가 될래요

0개의 댓글