close

L-użu ta' TextSpan fi Flutter: Gwida u Eżempji

Bl-użu TextSpan f' Flutter, tista' toħloq test sinjur billi tapplika attributi ta' ifformattjar differenti għal porzjonijiet varji tat-test. Jippermettilek toħloq test bi stili, kuluri, fonts differenti, u aktar. TextSpan huwa utilizzat kemm fil- widgets Text kif ukoll RichText biex jinkiseb test ifformattjat b'mod għani.

Hawn eżempju ta' kif tuża TextSpan fil- Text widget:

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

F'dan l-eżempju, nużaw Text.rich biex noħolqu Text widget b' TextSpan. TextSpan jippermettilna noħolqu medda ta' test differenti fi ħdan Text widget, kull wieħed bl-attributi tal-grafika tiegħu stess bħall-font, il-kulur u l-ifformattjar.

TextSpan jista 'jintuża wkoll fi ħdan il- RichText widget biex jinkisbu kapaċitajiet aktar avvanzati ta' ifformattjar tat-test. Int liberu li toħloq u tgħaqqad diversi TextSpan każijiet biex tfassal test ifformattjat b'mod għani kif mixtieq.

Nispera li dan l-eżempju jgħinek tifhem kif tuża TextSpan f' Flutter.