Размер шрифта в TextFormField через ThemeData

Question

Не могу понять как изменить размер шрифта у TextFormField через ThemeData.

Мой main.dart

void main() {
    runApp(MaterialApp(
    home: MapPage(),
    theme: ThemeData
    (
      inputDecorationTheme:
        InputDecorationTheme
        (
          labelStyle:
            TextStyle
            (
              fontSize: 30.0,
            ),
          filled: true,
          fillColor: Colors.black12,
          border: OutlineInputBorder()
        )
    ),
  ));
}

Я правильно понимаю, что за текст в TextFormField отвечает labelStyle? У меня не изменяется размер шрифта.

Answer 1

labelStyle задает стиль метки для пустого поля. Если поле заполнено, то применяется стиль floatingLabelStyle.

Answer 2

Сначала определяем нужные нам стили в MaterialApp.

theme: ThemeData(
  primaryTextTheme: TextTheme(
  headline1: TextStyle(
    color: Colors.blue,
    fontSize: 13.0,
    fontWeight: FontWeight.w700,
    fontFamily: 'RobotoBold',
  ),

Затем применяем его к тексту.

Text(
  'SALE\n-50%',
  style: Theme.of(context).primaryTextTheme.headline1,
  textAlign: TextAlign.center,
),

Если хотите использовать тот же стиль из темы, но с другим цветом, то можете так:

Text(
  'SALE\n-50%',
  style: Theme.of(context).primaryTextTheme.headline3!.copyWith(color: Colors.white),
  textAlign: TextAlign.center,
),

БЛОГ НА HUSL

Размер шрифта в TextFormField через ThemeData

Ответы (2 шт):