Utilizarea RichText în Flutter: Ghid și exemple

În Flutter, RichText este un widget care vă permite să creați text cu diferite stiluri și formatare într-un singur widget text. Puteți utiliza mai multe TextSpan widget-uri pentru a defini diferite porțiuni ale textului cu stiluri diferite.

Iată un exemplu de utilizare RichText:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('RichText Example'),  
     ),  
      body: Center(  
        child: RichText(  
          text: TextSpan(  
            text: 'Hello ',  
            style: DefaultTextStyle.of(context).style,  
            children: <TextSpan>[  
              TextSpan(  
                text: 'Flutter',  
                style: TextStyle(  
                  fontWeight: FontWeight.bold,  
                  color: Colors.blue,  
               ),  
             ),  
              TextSpan(text: ' is amazing!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

În acest exemplu, RichText widget-ul este folosit pentru a crea un text cu stiluri diferite. Widgeturile TextSpan sunt folosite ca copii pentru a defini diferitele porțiuni ale textului cu stiluri distincte.

• Primul TextSpan este stilat folosind stilul de text implicit al contextului(în acest caz, moștenește stilul implicit al AppBar).
• Al doilea TextSpan aplică o greutate îndrăzneață a fontului și o culoare albastră cuvântului „ ” Flutter.
• Al treilea TextSpan adaugă pur și simplu textul „este uimitor!” până la capăt.

Puteți personaliza formatarea, fonturile, culorile și alte stiluri din fiecare, TextSpan după cum este necesar.

Widgetul RichText este util în special atunci când trebuie să aplicați stiluri diferite diferitelor părți ale textului dvs., cum ar fi când afișați conținut formatat sau subliniați anumite cuvinte sau expresii.

Simțiți-vă liber să experimentați cu diferite stiluri și TextSpan widget-uri imbricate pentru a obține efectele vizuale dorite în aplicația dvs.