flutter 공부 2

- flutter hot reload 사용

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.teal,
        body: Container(),
      ),
    ),
  );
}

다음과 같은 코드에서

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.teal,
        body: Container(),
      ),
    )
    ;
  }
}

다음과 같이 바꿔주게 된다면 코드를 수정한 후

다음 버튼을 클릭하여 어플을 껐다가 켜는 일 없이 바로 수정되는 것을 확인할 수 있다

또는 command + s를 통해 실행할 수 있다 

 

- container() 위젯

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.cyanAccent,		// 가장 바깥 배경색
        body: SafeArea(							// container가 safearea안에 생성
          child: Container(						// container 위젯
            height: 100,
            width: 100,
            margin: EdgeInsets.symmetric(horizontal: 30, vertical: 10),
            // horizontal : 왼쪽에서 부터 떨어진 정도,		vertical 위에서 떨어진 정도
            // EdgeInsets.fromLTRB(left margin값, top margin값, right margin값, bottom margin값)
            // EdgeInsets.only(left : 30)	// 이렇게 하나의 값만 넣을 수 있음
            // padding도 똑같이 적용
            color: Colors.red,
            child: Text('fasdf'),
          ),
        ),
      ),
    )
    ;
  }
}