RichText naudojimas Flutter: vadovas ir pavyzdžiai

, yra valdiklis, leidžiantis sukurti skirtingų Flutter stilių RichText ir formatavimo tekstą viename teksto valdiklyje. Galite naudoti kelis TextSpan valdiklius, kad apibrėžtumėte skirtingas teksto dalis su skirtingais stiliais.

Štai pavyzdys, kaip naudoti RichText:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
    
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
    
  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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Šiame pavyzdyje RichText valdiklis naudojamas įvairių stilių tekstui sukurti. Valdikliai TextSpan naudojami kaip vaikai, norint apibrėžti įvairias teksto dalis su skirtingais stiliais.

  • Pirmasis TextSpan stilius kuriamas naudojant numatytąjį konteksto teksto stilių(šiuo atveju jis paveldi numatytąjį stilių AppBar).
  • Antrasis TextSpan taiko paryškintą šrifto storį ir mėlyną spalvą žodžiui „ Flutter.
  • Trečiasis TextSpan tiesiog prideda tekstą "yra nuostabu!" iki galo.

Pagal poreikį galite tinkinti kiekvieno formatą, šriftus, spalvas ir kitus stilius TextSpan.

Valdiklis RichText ypač naudingas, kai reikia taikyti skirtingus stilius skirtingoms teksto dalims, pavyzdžiui, kai rodomas suformatuotas turinys arba pabrėžiami tam tikri žodžiai ar frazės.

Nesivaržykite eksperimentuoti su skirtingais stiliais ir įdėtais TextSpan valdikliais, kad programoje pasiektumėte norimus vaizdinius efektus.