본문 바로가기
Mobile/flutter

Color & Font

by 꼰대코더 2024. 9. 10.

https://youtu.be/km2P_KQJyO0?si=6x8z8UXe6MoJ1bTd

 

  • 요약
    MaterialApp, Scaffold, AppBar ... 등은 클래스(위젯)이고 각각의 클래스는 생성자로서 또 다른 클래스를 받아 들이게 된다. 클래스의 생성자를 설정할시에는 프로퍼티명 : 설정 클래스 형식으로 하게 된다.
    프로퍼티명을 지정하는 이유는 입력순서를 신경쓰지 않아도 되고 설정하지 않은 프로퍼티는 디폴트설정을 사용하게 된다.
  • 각 클래스 프로퍼티 참조
    https://api.flutter.dev/flutter/widgets/widgets-library.html#classes
 

widgets library - Dart API

widgets library The Flutter widgets framework. To use, import package:flutter/widgets.dart. See also: Classes AbsorbPointer A widget that absorbs pointers during hit testing. Accumulator Mutable wrapper of an integer that can be passed by reference to trac

api.flutter.dev

  • 구글폰트의 설정
    https://fonts.google.com
    Indie Flower 을 검색, 다운로드
    프로젝트의 새폴더를 생성해 이름을 fonts 로 변경
    다운로드한 IndieFlower-Regular.ttf 를 fonts 폴더로 드랙앤드롭
    pubspec.yaml 를 수정
      fonts:
         - family: IndieFlower
            fonts:
               - asset: fonts/IndieFlower-Regular.ttf
    pubspec.yaml 를 수정했으면 "Get dependencies" 를 클릭하거나 컴맨드창에서 flutter pub get 을 실행
  • Text 
    Text(
            'Hello World',
            style: TextStyle(
                                     ...
                                    fontFamily: 'IndieFlower',
             )
       )

           

'Mobile > flutter' 카테고리의 다른 글

MaterialApp / Scaffold ...  (0) 2024.06.11
Android Studio 이모저모  (0) 2024.06.11
개발 환경 설정  (0) 2024.06.10