Utilizarea TextSpan în Flutter: Ghid și exemple

Folosind TextSpan în Flutter, puteți crea text îmbogățit aplicând diferite atribute de formatare diferitelor părți ale textului. Vă permite să creați text cu diferite stiluri, culori, fonturi și multe altele. TextSpan este utilizat atât în ​​cadrul widget-urilor, Text cât RichText și pentru a obține un text bogat formatat.

Iată un exemplu de utilizare TextSpan în cadrul Text widget-ului:

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('TextSpan Example'),  
     ),  
      body: Center(  
        child: Text.rich(  
          TextSpan(  
            text: 'Hello ',  
            style: TextStyle(fontSize: 20),  
            children: [  
              TextSpan(  
                text: 'Flutter',  
                style: TextStyle(  
                  fontWeight: FontWeight.bold,  
                  color: Colors.blue,  
               ),  
             ),  
              TextSpan(text: '!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

În acest exemplu, folosim Text.rich pentru a crea un Text widget cu un TextSpan. TextSpan ne permite să creăm mai multe intervale de text diferite în cadrul unui Text widget, fiecare cu propriile atribute de stil, cum ar fi fontul, culoarea și formatarea.

TextSpan poate fi folosit și în cadrul RichText widget-ului pentru a obține capabilități mai avansate de formatare a textului. Sunteți liber să creați și să combinați mai multe TextSpan instanțe pentru a crea text bogat formatat, după cum doriți.

Sper că acest exemplu vă va ajuta să înțelegeți cum să utilizați TextSpan în Flutter.