U&I

flutter:

uses-material-design: true

assets:
- asset/img/

fonts:
- family: parisienne
fonts:
- asset: asset/font/Parisienne-Regular.ttf

- family: sunflower
  fonts:
    - asset: asset/font/Sunflower-Light.ttf
    - asset: asset/font/Sunflower-Medium.ttf
      weight: 500
    - asset: asset/font/Sunflower-Bold.ttf
      weight: 700
      

family: 우리가 어떻게 부를지를 정함
-(대쉬): 리스트
asset: 위치
weight: 같은 family 내에서 굵기 별로 구분짓기 위하기 위해 정한다

• Colors는 500이 디폴트
• SafeArea > 폰 범위를 넘으면 맞는 범위부터 되도록 해준다
• container와 width를 사용하여 column이 가운데로 오도록 해준다

Scaffold(
backgroundColor: Colors.pink[100],
body: SafeArea(
child: Container( // column만 하면 왼쪽 우측에 생기므로 container를 넣고 width를 넓힌다
width: MediaQuery.of(context).size.width ,
child: Column(
children: [
Text('U&I',
style: TextStyle(
color: Colors.white,
fontFamily: 'parisienne',
fontSize: 80.0,
),
),
Text('우리 처음 만난 날',
style: TextStyle(
color: Colors.white,
fontFamily: 'sunflower',
fontSize: 30.0,
),
),
Text('2021.12.27',
style: TextStyle(
color: Colors.white,
fontFamily: 'sunflower',
fontSize: 20.0,
),),
IconButton(onPressed: (){}, icon: Icon(
Icons.favorite,
),),
Text('D+1',
style: TextStyle(
color: Colors.white,
fontFamily: 'sunflower',
fontSize: 50.0,
fontWeight: FontWeight.w700,
),)

          ],
        ),
      ),
    )  );
    
    
    
    
    
    

• 이런 식으로 하면 하나로 취급돼 위에 mainaxisalignment.spacebetween 해도 안 벌어진다
  Column(
  children: [
  Text('우리 처음 만난 날',
  style: TextStyle(
  color: Colors.white,
  fontFamily: 'sunflower',
  fontSize: 30.0,
  ),
  ),
  Text('2021.12.27',
  style: TextStyle(
  color: Colors.white,
  fontFamily: 'sunflower',
  fontSize: 20.0,
  ),
  ),
  ],
  ),