TextStyle 정의하기

TextStyle 재활용 할 수 있게 정의하기

class CustomTextStyle extends TextStyle {
  const CustomTextStyle({
    required String fontFamily,
    required Color color,
    required double fontSize,
    required FontWeight fontWeight,
    int? height,
    Paint? foreground,
  }) : super(
          fontFamily: fontFamily,
          color: color,
          fontSize: fontSize,
          fontWeight: fontWeight,
          height: height == null ? null : height / fontSize,
          leadingDistribution: TextLeadingDistribution.even,
          foreground: foreground,
        );
}

피그마에서 font관련 정보를 받아올 때 그대로 입력하기 위해 height를 계산

TextStyle 내의 height 속성은 글꼴 크기의 배수이다. 텍스트의 높이는 fontSize * height 이다.

 

https://api.flutter.dev/flutter/painting/TextStyle-class.html

TextStyle class - painting library - Dart API

 

 

leadingDistribution

• Configuration 1: The default. leadingDistribution is set to TextLeadingDistribution.proportional.
• Configuration 2: same as Configuration 1, except TextHeightBehavior.applyHeightToFirstAscent is set to false.
• Configuration 3: leadingDistribution is set to TextLeadingDistribution.even.
• Configuration 4: same as Configuration 3, except TextHeightBehavior.applyHeightToLastDescent is set to false.

폰트 정의 (색상, 사이즈, 높이 등)

class Spoqa {
  static const spoqa = "Spoqa";

  static const black_s10_w500_h14 = CustomTextStyle(fontFamily: spoqa, color: ColorPalette.black, fontSize: 10, fontWeight: FontWeight.w500, height: 14);
  static const black_s20_w700_h28 = CustomTextStyle(fontFamily: spoqa, color: ColorPalette.black, fontSize: 20, fontWeight: FontWeight.w700, height: 28);
}