Can you change flutter text theme?

659

You can use de method copyWith(color: your_color) to change properties of a TextTheme.

Example:

Text('MY STRING',
  style: Theme.of(context).textTheme.subtitle1
    .copyWith(color: Colors.red),
)

Doc Reference: https://api.flutter.dev/flutter/material/TextTheme/copyWith.html

Share:
659
Maria PapaG
Author by

Maria PapaG

Updated on December 28, 2022

Comments

  • Maria PapaG
    Maria PapaG over 1 year

    If the theme is set in main.dart as

    return MaterialApp(
      title: 'MY APP',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        fontFamily: 'Cabin',
        textTheme: TextTheme(
          headline1: TextStyle(
            fontFamily: 'Raleway',
            color: Colors.black,
            fontWeight: FontWeight.w600,
            fontSize: 18,
          ),
          subtitle1: TextStyle(
            fontFamily: 'Raleway',
            color: Colors.black54,
            fontWeight: FontWeight.w600,
            fontSize: 16,
          ),
        ),
      ),
    

    and I'm using the theme as

    Text('MY STRING',
        style: Theme.of(context).textTheme.subtitle1),
    

    How can I make 'MY STRING' be a different color then the subtitle1 theme color while keeping the other properties of theme data, such as font weight and family and size, etc.?

  • Maria PapaG
    Maria PapaG about 3 years
    Exactly what I was looking for, thank you.