close

Ag baint úsáide as TextSpan i Flutter: Treoir agus Samplaí

Ag baint úsáide as TextSpan in Flutter, is féidir leat téacs saibhir a chruthú trí tréithe formáidithe éagsúla a chur i bhfeidhm ar chodanna éagsúla den téacs. Ligeann sé duit téacs a chruthú le stíleanna, dathanna, clónna agus go leor eile. TextSpan a úsáidtear laistigh den dá ghiuirléidí Text agus RichText a bhaint amach téacs saibhir formáidithe.

Seo sampla de conas é a úsáid TextSpan laistigh den Text ghiuirléid:

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

Sa sampla seo, úsáidimid giuirléid Text.rich a chruthú Text le TextSpan. TextSpan cuireann sé ar ár gcumas réisí éagsúla téacs a chruthú laistigh de Text ghiuirléid, gach ceann acu lena tréithe stíle féin cosúil le cló, dath agus formáidiú.

TextSpan Is féidir é a úsáid freisin laistigh den RichText ghiuirléid chun cumais formáidithe téacs níos airde a bhaint amach. TextSpan Tá cead agat cásanna iolracha a chruthú agus a chur le chéile chun téacs saibhir formáidithe a dhéanamh de réir mar is mian leat.

Tá súil agam go gcabhraíonn an sampla seo leat tuiscint a fháil ar conas é a úsáid TextSpan i Flutter.