Utilizzo di RichText in Flutter: guida ed esempi

In Flutter, RichText è un widget che ti consente di creare testo con stili e formattazioni diversi all'interno di un singolo widget di testo. Puoi utilizzare più TextSpan widget per definire diverse porzioni di testo con stili diversi.

Ecco un esempio di come utilizzare 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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

In questo esempio, il RichText widget viene utilizzato per creare un testo con stili diversi. I TextSpan widget vengono utilizzati come figli per definire le varie porzioni di testo con stili distinti.

• Il primo TextSpan ha uno stile utilizzando lo stile di testo predefinito del contesto(in questo caso eredita lo stile predefinito di AppBar).
• Il secondo TextSpan applica uno spessore di carattere in grassetto e un colore blu alla parola " Flutter ".
• Il terzo TextSpan aggiunge semplicemente il testo "è fantastico!" all'estremità.

Puoi personalizzare la formattazione, i caratteri, i colori e altri stili all'interno di ciascuno TextSpan secondo necessità.

Il RichText widget è particolarmente utile quando è necessario applicare stili diversi a parti diverse del testo, ad esempio quando si visualizza contenuto formattato o si enfatizzano parole o frasi specifiche.

Sentiti libero di sperimentare stili diversi e TextSpan widget nidificati per ottenere gli effetti visivi desiderati nella tua app.