[Flutter - 1team] 섹션 5: I Am Poor

I Am Poor

• 저번 섹션 3에서 진행한 I Am Rich 앱에 이어서 이번에는 I Am Poor 앱을 실습합니다.
• 이번에는 새 아이콘으로 앱을 만듭니다.

아이콘

• 무료 아이콘 사이트가 크게 3가지 있습니다.

무료 아이콘, 음악, 광고 사진, 벡터를 다운로드하세요

Download Free Vectors, Clipart Graphics, Vector Art & Design Templates

• 나만의 아이콘 만들기

• canva 에서는 나만의 아이콘을 만들 수 있습니다.

• 우측 상단 Create a design

• Custom dimension ⇒ create design

•  

  나만의 아이콘도 만들 수 있다!

   

   

   

   

I am poor 실습 (I Am Rich)

• pubspec.yaml 수정하기

asset:
	-images/coal.jpg

• 원래 주석 처리된 모양처럼

  위 코드를 추가한다.

 

• main.dart 작성하기

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('I Am Poor'),
          backgroundColor: Colors.blueGrey,
        ),
        backgroundColor: Colors.grey,
        body: Center(
          child: Image(
            image: AssetImage('images/coal.jpg'),
          ),
        )
      )
    )
  );
}

성공!

https://www.vecteezy.com

Download Free Vectors, Clipart Graphics, Vector Art & Design Templates

https://icons8.kr

Download free icons, music, stock photos, vectors

https://www.canva.com

 

https://github.com/Cha-Ji/Flutter_Study

Cha-Ji/Flutter_Study