[Flutter] Image

들어가며

Image 위젯이란?

• 이미지를 표시하는데 사용하는 위젯이다.
• 이 위젯을 사용하여 로컬 파일 시스템이나 네트워크에서 이미지를 가져와 화면에 표시할 수 있다.

예제

이미지 저장

• 경로 : ~/assets/demo.png

pubspec.yaml

...
flutter:
  assets:
    - assets/ # 추가

main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Image Example',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Image Example'),
        ),
        body: Column(
          children: [
            Image.asset(
              'assets/demo.png', // svg 파일은 지원하지 않음
              width: 200,
            ),
            Image(
              image: AssetImage('assets/demo.png'),
              width: 200,
            ),
            Image.network(
              'https://upload.wikimedia.org/wikipedia/commons/1/17/Google-flutter-logo.png',
              width: 200,
            ),
            Image(
              image: NetworkImage('https://upload.wikimedia.org/wikipedia/commons/1/17/Google-flutter-logo.png'),
              width: 200,
            ),
          ],
        ),
      ),
    );
  }
}

화면