[flutter] 이미지 추가하기

안녕하세요,

오늘은 이미지를 추가하고 출력해보도록 하겠습니다. 

 

안드로이드 스튜디오 기준으로 설명드리겠습니다. 

 

먼저, 이미지를 추가할 폴더를 생성합니다. 

아래와 같이 프로젝트 폴더에서 우클릭 후 New > Directory 를 클릭하여 이름 assets인 폴더를 생성합니다. 

 

assets 폴더에 이미지 파일을 드래그하여 추가합니다. 

 

pubspec.yaml 파일에 이미지 폴더 경로를 추가합니다. 

 

Pub get 버튼을 클릭합니다. 

 

이미지를 출력하는 코드입니다. 

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('이미지 출력'),
        ),
        body: Center(
          child: Image.asset('assets/test_img.jpg'),
        ),
      ),
    );
  }
}

 

출력 화면입니다.