[Flutter] Image 위젯

Image 다섯가지 생성자

 

기본 Image - ImageProvider라는 또 다른 위젯에서 이미지를 그린다

Image.asset - 앱에 저장된 asset 파일로 이미지를 그린다

Image.network - URL을 통해 이미지를 그린다

Image.file - 파일을 통해서 이미지를 그린다

Image.memory - 메모리에서 직접 이미지를 그린다

 

import 'package:flutter/material.dart';

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

class SplashScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          decoration: BoxDecoration(
            color: Colors.blueGrey,
          ),
          // child: Center(
          //   child: Image.asset('assets/flutter.png'),
          // ),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Image.asset(
                      'assets/flutter.png',
                    width: 200,
                  ),
                  CircularProgressIndicator(
                    valueColor: AlwaysStoppedAnimation(
                      Colors.white
                    ),
                  )
                ],
              ),
            ],
          )
        )
      ),
    );
  }
}

 

---

해당글은 'Must Have 코드팩토리의 플러터 프로그래밍' 책 내용을 학습 후 정리한 내용입니다.