close

A TextSpan használata itt Flutter: Útmutató és példák

TextSpan A segítségével Flutter formázott szöveget hozhat létre úgy, hogy különböző formázási attribútumokat alkalmaz a szöveg különböző részeire. Lehetővé teszi szövegek létrehozását különböző stílusokkal, színekkel, betűtípusokkal stb. A és a widgeteken TextSpan belül egyaránt használatos a gazdagon formázott szöveg eléréséhez. Text RichText

TextSpan Íme egy példa a widgeten belüli használatára Text:

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

Ebben a példában Text.rich egy widget létrehozására használunk Text egy TextSpan. TextSpan Lehetővé teszi számunkra, hogy egy widgeten belül több különböző szövegtartományt hozzunk létre Text, amelyek mindegyike saját stílustulajdonságokkal rendelkezik, mint például a betűtípus, a szín és a formázás.

TextSpan a widgeten belül is használható RichText a fejlettebb szövegformázási lehetőségek eléréséhez. Szabadon létrehozhat és kombinálhat több TextSpan példányt, hogy igény szerint gazdagon formázott szöveget készítsen.

Remélem, ez a példa segít megérteni, hogyan kell használni TextSpan a Flutter.