Uporaba TextSpan v Flutter: vodnik in primeri

Z uporabo TextSpan v Flutter lahko ustvarite obogateno besedilo z uporabo različnih atributov oblikovanja za različne dele besedila. Omogoča ustvarjanje besedila z različnimi slogi, barvami, pisavami itd. TextSpan se uporablja v gradnikih Text in RichText za doseganje bogato oblikovanega besedila.

Tu je primer uporabe TextSpan znotraj Text pripomočka:

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: '!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

V tem primeru uporabimo Text.rich za ustvarjanje Text gradnika z TextSpan. TextSpan nam omogoča ustvarjanje več različnih besedilnih razponov znotraj Text pripomočka, od katerih ima vsak svoje lastne slogovne lastnosti, kot so pisava, barva in oblikovanje.

TextSpan lahko uporabite tudi v RichText gradniku za doseganje naprednejših zmožnosti oblikovanja besedila. Prosto lahko ustvarite in združite več TextSpan primerkov, da oblikujete bogato oblikovano besedilo po želji.

Upam, da vam bo ta primer pomagal razumeti, kako uporabljati TextSpan v Flutter.