Flutter Image 위젯 빠르게 만드는 3가지 순서 정리

플러터에 이미지 위젯을 만들기위해서는 아래의 3가지를 수행해야 합니다.

 

1. assets 폴더 만들기

프로젝트 폴더 우클릭하여 새로운 디렉토리로 assets 폴더를 만들어 주세요. 여기에 모든 이미지를 넣어야 됩니다.

 

그리고 안에 이미지를 넣어줍니다.

 

2. pubspec.yaml에 만든 assets 폴더를 등록해주기.

flutter:

  assets:

    - assets/ 

 

를 등록해주기

 

 

3.코드 선언해주기

 

코드는 Image.asset 으로 선언해 줄 수 있으며, 아래와 같이 작성하였다.

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Center(
        // child: Container( width: 50, height: 50, color: Colors.blue),
        child: Image.asset('assets/salonde.png')
      )
    );
  }
}

 

실행해보면 이미지가 잘 나온다.

끝!