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

Duke përdorur TextSpan në Flutter, ju mund të krijoni tekst të pasur duke aplikuar atribute të ndryshme formatimi në pjesë të ndryshme të tekstit. Kjo ju lejon të krijoni tekst me stile, ngjyra, fonte dhe më shumë. TextSpan përdoret si brenda miniaplikacioneve Text ashtu edhe RichText për të arritur tekst të formatuar shumë.

Këtu është një shembull se si të përdoret TextSpan brenda Text miniaplikacionit:

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

Në këtë shembull, ne përdorim Text.rich për të krijuar një Text widget me një TextSpan. TextSpan na mundëson të krijojmë hapësira të shumta teksti të ndryshme brenda një Text miniaplikacioni, secila me atributet e veta të stilimit si fonti, ngjyra dhe formatimi.

TextSpan mund të përdoret gjithashtu brenda RichText miniaplikacionit për të arritur aftësi më të avancuara të formatimit të tekstit. Jeni të lirë të krijoni dhe kombinoni TextSpan shembuj të shumtë për të krijuar tekst të formatuar në mënyrë të pasur sipas dëshirës.

Shpresoj që ky shembull t'ju ndihmojë të kuptoni se si të përdorni TextSpan në Flutter.