Kutumia TextSpan katika Flutter: Mwongozo na Mifano

Kwa kutumia TextSpan katika Flutter, unaweza kuunda maandishi tajiri kwa kutumia sifa tofauti za umbizo kwa sehemu mbalimbali za maandishi. Inakuruhusu kuunda maandishi kwa mitindo tofauti, rangi, fonti na zaidi. TextSpan inatumika ndani ya wijeti Text na RichText katika kufikia maandishi yaliyoumbizwa vyema.

Huu hapa ni mfano wa jinsi ya kutumia TextSpan ndani ya Text wijeti:

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

Katika mfano huu, tunatumia Text.rich kuunda Text wijeti na TextSpan. TextSpan hutuwezesha kuunda maandishi mengi tofauti ndani ya Text wijeti, kila moja ikiwa na sifa zake za mitindo kama vile fonti, rangi na uumbizaji.

TextSpan pia inaweza kutumika ndani ya RichText wijeti kufikia uwezo wa juu zaidi wa uumbizaji maandishi. Uko huru kuunda na kuchanganya TextSpan hali nyingi ili kuunda maandishi yaliyoumbizwa vizuri kama unavyotaka.

Natumai mfano huu utakusaidia kuelewa jinsi ya kutumia TextSpan katika Flutter.