Flutter rich text

Rich text flutter

  RichText(
    text: TextSpan(
        style: TextStyle(color: Colors.black, fontSize: 36),
        children: <TextSpan>[
          TextSpan(text: 'Woolha ', style: TextStyle(color: Colors.blue)),
          TextSpan(text: 'dot '),
          TextSpan(text: 'com', style: TextStyle(decoration: TextDecoration.underline))
        ],
    ),
    textScaleFactor: 0.5,
  )

Source: woolha.com

Rich text flutter

  RichText(    text: TextSpan(        style: TextStyle(color: Colors.black, fontSize: 18),        children: textSpans,    ),  )

Source: woolha.com

Richtext flutter

RichText(
  text: TextSpan(
    text: 'Hello ',
    style: DefaultTextStyle.of(context).style,
    children: const <TextSpan>[
      TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)),
      TextSpan(text: ' world!'),
    ],
  ),
)

Source: api.flutter.dev

Flutter rich text

Text.rich(
  TextSpan(
    text: 'Hello', // default text style
    children: [
      TextSpan(text: ' beautiful ', style: TextStyle(fontStyle: FontStyle.italic)),
      TextSpan(text: 'world', style: TextStyle(fontWeight: FontWeight.bold)),
    ],
  ),
)

Similar codes

0 vote176 views2 answers
Flutter listview top padding
Dart
1 vote192 views1 answer
How to put two trailing icons in list tile flutter
Dart
1 vote171 views1 answer
Flutter chip avatar radius increases
Dart
5 votes188 views1 answer
Foreach loop in list in dart
Dart
3 votes190 views1 answer
How to create a small circular dot in FLutter code example
Dart
1 vote185 views1 answer
Splite number in dart
Dart
21 votes186 views3 answers
Dart while loop
Dart
1 vote201 views1 answer
Flutter column min height screen sixe
Dart
1 vote184 views1 answer
Error: Member not found: 'six_ft_apart'. 'six_ft_apart': Icons.six_ft_apart,
Dart
4 votes180 views1 answer
Circle avatar from image asset flutter
Dart