Použití RichText v Flutter: Průvodce a příklady

In Flutter, RichText je widget, který vám umožňuje vytvářet text s různými styly a formátováním v rámci jediného textového widgetu. TextSpan K definování různých částí textu s různými styly můžete použít více widgetů.

Zde je příklad použití 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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

V tomto příkladu RichText se widget používá k vytvoření textu s různými styly. Widgety TextSpan se používají jako děti k definování různých částí textu s odlišnými styly.

• První TextSpan je stylizován pomocí výchozího stylu textu kontextu(v tomto případě zdědí výchozí styl AppBar).
• Druhý TextSpan použije tučnou tloušťku písma a modrou barvu na slovo " Flutter."
• Třetí TextSpan jednoduše přidá text "je úžasné!" do konce.

Podle potřeby si můžete přizpůsobit formátování, písma, barvy a další styly TextSpan.

Widget RichText je zvláště užitečný, když potřebujete použít různé styly na různé části textu, například při zobrazování formátovaného obsahu nebo zdůrazňování konkrétních slov nebo frází.

Nebojte se experimentovat s různými styly a vnořenými TextSpan widgety, abyste ve své aplikaci dosáhli požadovaných vizuálních efektů.