Kutumia RichText katika Flutter: Mwongozo na Mifano

Katika Flutter, RichText ni wijeti inayokuruhusu kuunda maandishi yenye mitindo tofauti na uumbizaji ndani ya wijeti moja ya maandishi. Unaweza kutumia TextSpan wijeti nyingi kufafanua sehemu tofauti za maandishi kwa mitindo tofauti.

Hapa kuna mfano wa jinsi ya kutumia 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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Katika mfano huu, RichText wijeti hutumiwa kuunda maandishi yenye mitindo tofauti. Wijeti TextSpan hutumika kama watoto kufafanua sehemu mbalimbali za maandishi kwa mitindo tofauti.

• Ya kwanza TextSpan imeundwa kwa kutumia mtindo wa maandishi chaguo-msingi wa muktadha(katika kesi hii, inarithi mtindo chaguo-msingi wa AppBar).
• Ya pili TextSpan inatumika kwa uzito wa herufi nzito na rangi ya samawati kwa neno " Flutter."
• Ya tatu TextSpan inaongeza maandishi "ni ya kushangaza!" mpaka mwisho.

Unaweza kubinafsisha umbizo, fonti, rangi na mitindo mingine ndani ya kila TextSpan inapohitajika.

Wijeti RichText ni muhimu hasa unapohitaji kutumia mitindo tofauti kwa sehemu tofauti za maandishi yako, kama vile unapoonyesha maudhui yaliyoumbizwa au kusisitiza maneno au vifungu mahususi.

Jisikie huru kujaribu mitindo tofauti na TextSpan wijeti zilizowekwa ili kufikia madoido unayotaka ya kuona katika programu yako.