20230411 TIL

😎Today 요약

1. flutter image 적용하려면 폴더안에 이미지를 넣은 후 > pubspec.yaml에 assets을 연동시켜준 후 flutter pub get 터미널에 써준후 연동하면 된다. flutter에서 background size cover 같은 꽉 찬 이미지를 사용하고 싶다면 fit을 사용 하면 된다.!
2. flutter margin, padding, border-radius 등 간단한 style 적용에 대해 알아봤다
3. flutter에는 line-height가 없고 그냥 텍스트 스타일 height을 사용하여 줄 사이 간격을 맞춘다

👍1. 잘한 점

[✅] flutter 복습 3.0 ~ 3.9

[✅] flutter 챌린지 제출 

 

✌️2. 개선 점

👋3. 배운 점

flutter image

Flutter Image 이미지 적용하는 법

 

flutter margin 

- EdgeInsets.

Container(
    margin: const EdgeInsets.symmetric(vertical: 3, horizontal: 7),
),

flutter Border Radius

 Container(
      margin: const EdgeInsets.symmetric(horizontal: 8),
      decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10)),
),

flutter Text 줄바꿈 

- \n사용

 const Text(
        "DESIGN\nMEETING",
        style: TextStyle(
            fontSize: 60,
            letterSpacing: -1,
            fontWeight: FontWeight.w500),
  ),

flutter Text line-height 

- text style > height 사용

const Text(
  "DAILY\nPROJECT",
  style: TextStyle(
      height: 0.8,
      color: Colors.black,
      fontSize: 60,
      letterSpacing: -1,
      fontWeight: FontWeight.w500),
),