TextStyle

Learn to set font, color and size with TextStyle.

TextStyle

TextStyle is the object that controls the font formatting of the Text widget. fontSize sets the size, color the color, and fontWeight the thickness. An instance of TextStyle is passed to the Text's style parameter.

Text(
  'Başlık',
  style: TextStyle(
    fontSize: 24,
    color: Colors.blue,
    fontWeight: FontWeight.bold,
  ),
)

fontSize, color, fontWeight

fontSize sets the font size in pixels (default 14). color takes a color from the Colors class (Colors.red, Colors.blue). fontWeight sets a thickness between FontWeight.w300 and FontWeight.w900; FontWeight.bold is a common choice.

Text(
  'Vurgulu',
  style: TextStyle(
    fontSize: 20,
    color: Colors.red,
    fontWeight: FontWeight.bold,
  ),
)

Exercise Print TextStyle info

In main, print two lines with print: fontSize boyut and color renk.

Show example solution

void main() {
  print('fontSize boyut');
  print('color renk');
}

Test yourself

What does TextStyle control?
- Text formatting
- Text deletion
- Text position
- Text rotation
Show answer

Text formatting — TextStyle controls text formatting via fontSize, color and fontWeight.

Set text color

style: TextStyle(
  fontSize: 18,
  ____: Colors.blue,
),

Show answer

style: TextStyle(
  fontSize: 18,
  color: Colors.blue,
),

TextStyle concepts

TextStyle

Font formatting object
fontSize

Font size (pixels)
color

Text color
fontWeight

Font weight

Next lesson: Container

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies