[Flutter] Image 위젯

2023. 6. 20. 23:14·개발

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 코드팩토리의 플러터 프로그래밍' 책 내용을 학습 후 정리한 내용입니다.
반응형
저작자표시 비영리 변경금지 (새창열림)
'개발' 카테고리의 다른 글
  • [Flutter] GestureDetector
  • [Flutter] 위젯
  • [Javascript] Yarn이란?
  • UIKit과 함께 SwiftUI 사용하기
zerozyn
zerozyn
블로그
  • zerozyn
    제로노트
    zerozyn
    • 전체 글 보기 (130)
      • 개발 (45)
      • 그림 (0)
      • 일상 (8)
      • 독서 기록 (4)
      • 경제 공부 (0)
      • 생활 정보 (73)
  • hELLO· Designed By정상우.v4.10.3
zerozyn
[Flutter] Image 위젯
상단으로

티스토리툴바