Përdorimi i RichText në Flutter: Udhëzues dhe Shembuj

In Flutter, RichText është një miniaplikacion që ju lejon të krijoni tekst me stile dhe formatime të ndryshme brenda një miniaplikacioni të vetëm teksti. Ju mund të përdorni TextSpan miniaplikacione të shumta për të përcaktuar pjesë të ndryshme të tekstit me stile të ndryshme.

Këtu është një shembull se si të përdorni 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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Në këtë shembull, RichText miniaplikacioni përdoret për të krijuar një tekst me stile të ndryshme. Miniaplikacionet TextSpan përdoren si fëmijë për të përcaktuar pjesë të ndryshme të tekstit me stile të ndryshme.

• E para TextSpan është stiluar duke përdorur stilin e parazgjedhur të tekstit të kontekstit(në këtë rast, ai trashëgon stilin e paracaktuar të AppBar).
• E dyta TextSpan aplikon një peshë të theksuar fonti dhe ngjyrë blu për fjalën " Flutter."
• E treta TextSpan thjesht shton tekstin "është e mahnitshme!" deri në fund.

Ju mund të personalizoni formatimin, fontet, ngjyrat dhe stilet e tjera brenda secilit TextSpan sipas nevojës.

Miniaplikacioni RichText është veçanërisht i dobishëm kur ju duhet të aplikoni stile të ndryshme në pjesë të ndryshme të tekstit tuaj, si p.sh. kur shfaqni përmbajtje të formatuar ose kur theksoni fjalë ose fraza specifike.

Mos ngurroni të eksperimentoni me stile të ndryshme dhe TextSpan miniaplikacione të ndërlidhura për të arritur efektet e dëshiruara vizuale në aplikacionin tuaj.