FLUTTER #1 I_am_rich

Angelar 슨생님의 유데미 플러터 강의를 듣고 그 내용을 정리하려 한다.

원래 노션에 정리했었으나, 다시 블로그에 적어보는 중입니다,,

---

Material App()

material design application을 위한 빌트인 위젯

 

Scaffold

가장 최상단, 중간 영역, 최하단, 그리고 떠 있는 버튼을 지원해주는 클래스

• AppBar
• Body - 가운데 영역
• BottomNavigationBar
• FloatingActionButton
• FloatingActionButtonLocation
• BackgroundColor : Colors.색[]

Hide Debug Banner(에뮬레이터에서 디버그 배너 없애는 방법)

(android studio)

Flutter Inspector -> Hide Debug Banner

 

👍i am rich 어플에서 사용되는 위젯의 구조도

이미지 추가방법

자신이 프로그램에서 사용할 이미지를 new-directory -> images 폴더 생성 후, 이미지를 모두 넣은 후, 

pubspec.yaml에서

assets:

 -images/이미지 이름

 

# To add assets to your application, add an assets section, 
like this:
# assets:#  
- images/a_dot_burr.jpeg#  
- images/a_dot_ham.jpeg

 

---

최종 코드

import 'package:flutter/material.dart';
//The main function is the starting point for all our Flutter apps.
void main() {
	runApp(
	MaterialApp(
	home: Scaffold(
	backgroundColor: Colors.blueGrey[700],
	appBar: AppBar(
	title: Text('I Am Rich'),
	backgroundColor: Colors.blueGrey[900],
	),
	body: Center(
	child: Image(
	image: AssetImage('images/urbanbrush-20190125013748099992.png'),
	),
	),
	),
	),
	);
}