Как реализовать TextTheme внутри ThemeData

Question

Я пытаюсь создать другой файл для стиля всего приложения, а затем вызываю функцию в файле main.dart.

ThemeData appTheme1() {
  const colorBlack = const Color(0xFF4C4B4B);
  const colorWhite = const Color(0xFFDAE0E2);
  const colorGrey = const Color(0xFF7B8788);
  return ThemeData(
    primaryColor: colorBlack,
    accentColor: colorWhite,
    // hintColor: Colors.white,
    // dividerColor: Colors.white,
    buttonColor: colorBlack,
    scaffoldBackgroundColor: colorWhite,
    // canvasColor: Colors.black,
    fontFamily: "NanumMyeongjo",
  );
}

Вопрос в том, как я могу добавить стиль текст внутри этого ThemeData? Спасибо.

Answer 1

А вы пробовали пакет Stylist? (https://pub.dev/packages/stylist). С его помощью применять темы проще и чище.

Answer 2

Используйте свойство textTheme: я добавил пример, используя ваш код:

ThemeData appTheme1() {
  const colorBlack = const Color(0xFF4C4B4B);
  const colorWhite = const Color(0xFFDAE0E2);
  const colorGrey = const Color(0xFF7B8788);
  return ThemeData(
    primaryColor: colorBlack,
    accentColor: colorWhite,
    // hintColor: Colors.white,
    // dividerColor: Colors.white,
    buttonColor: colorBlack,
    scaffoldBackgroundColor: colorWhite,
    // canvasColor: Colors.black,
    fontFamily: "NanumMyeongjo",
    // use the textTheme property
    textTheme: TextTheme().copyWith(
      headline1:  TextStyle(
        // add your styles
      ),
    ),
  );
}