Flutter - Container안에 이미지 넣기

https://cpcp127-app-dev.tistory.com/8

Flutter - Container

container에 대하여 잘 모르신다면 위 포스트를 보고 오시는 걸 추천드립니다

 

1. image 프로젝트에 추가

적절한 이미지를 다운받아 assets폴더에 images 디렉터리를 만들고 넣어줍니다

 

2. pub.get

pubspec.yaml 파일에서 images를 추가해줍니다. 

그리고 pub.get을 해줍니다

assets:
  - assets/images/flutter_logo.png

3. container에 적용

Container(
  width: 300,
  height: 300,
  decoration: BoxDecoration(
    image: DecorationImage(
      image: AssetImage('assets/images/flutter_logo.png'),
    ),
  ),
)

사진이 들어갈 container를 만들고 BoxDecoration에 위와 같이 코딩해줍니다

지금은 프로젝트에 있는 image를 쓰기 때문에 AssetImage를 사용했지만 network이미지를 사용하려면 아래처럼 코딩해줍니다

decoration: BoxDecoration(
      image: DecorationImage(image: NetworkImage("urlImage"),
      )
    ),