[플러터] 이미지 파일 넣기 ( assets )

첫번째, 이미지 파일을 준비한다. 

flutter_logo.png

두번째, 로고 이미지가 들어간 폴더를 생성한다. 이때 생성된 폴더의 위치는 pubspec.yaml의 파일위치와 같아야한다. 따라서 pubspec을 우클릭하여 show in explorer로 열도록 하자.

폴더가 열렸으면 여기에 images 폴더를 생성하세요.

images 안에 원하는 이미지 파일을 모조리 때려 넣습니다.

세번째, pubspec.yaml 파일을 열어서 수정하세요.

을 넣으세요. 간혹 이런 에러로그가 뜨는 분이 있으실 겁니다. 

이것은 - 와 images/  사이에 스페이스가 없어서 생기는 에러이니 필수로 - images/ 로 해주세요.

class MyFirstWidget extends StatelessWidget {
  MyFirstWidget({Key key}) : super(key: key);
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('images Sample'),
      ),
      body: Center(
        child: 
          Image.asset('images/flutter_logo.png')
      ),
    );
  }
}

이미지를 넣어주는 코드를 작성합니다.