---

개인 활동일지

오늘 공부할 내용

• Flutter 기본 위젯 활용하기
• TIL 작성

---

오늘 공부한 내용

• Flutter 애셋 활용(이미지 넣기)
  • image 디레터리 생성
  • 이미지 파일을 image 디렉터리에 넣기
  • pubspec.yaml 파일에서 flutter 아래 assets에 애셋 파일 등록

  assets:
    - assets/images/practice picture.PNG
    - assets/images/일영 마크.PNG

  • main.dart파일에 코드 작성

  Image.asset('assets/images/practice picture.PNG')

  만약 이미지 파일이 너무 많다?

  assets:
    - assets/images/   //이미지가 담겨있는 경로를 작성하면 해당 폴더에 있는 이미지 전부 사용 가능

• 텍스트 위젯
  • 텍스트 정렬하기 - textAlign

     textAlign: TextAlign.center, textAlign: TextAlign.left ...

  • 텍스트 스타일 지정하기 - TextStyle

    fontWeight(굵기)
    fontStyle(기울임꼴)
    fontSize (크기)
    backgroundColor (바탕색)
    decoration(밑줄 장식)
    decorationColor (장식 색상)
    decorationStyle(장식 모양(물결))

  • 줄 수 제한하기 - maxLines

    ex) maxLines:2 //2줄로 제한

  • 문자열 일부만 꾸미기 - TextSpan

    RichText(
     text: TextSpan(
         children: [
           TextSpan(text: 'Hello '),
           TextSpan(text: 'bold', style: TextStyle(fontWeight:FontWeight.bold)),
           TextSpan(text: ' world!'),
         ])
     )

    위 예시에서 Hello는 기본 글꼴, bold는 bold체로 world는 기본 글꼴이다.