Uporaba obogatenega besedila v Flutter: vodnik in primeri

V je pripomoček, ki vam omogoča ustvarjanje besedila z različnimi slogi in oblikovanjem v enem samem besedilnem gradniku Flutter. Za določanje različnih delov besedila z različnimi slogi RichText lahko uporabite več pripomočkov. TextSpan

Tukaj je primer uporabe RichText:

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

V tem primeru RichText se gradnik uporablja za ustvarjanje besedila z različnimi slogi. Gradniki TextSpan se uporabljajo kot otroci za definiranje različnih delov besedila z različnimi slogi.

• Prvi TextSpan je oblikovan s privzetim slogom besedila konteksta(v tem primeru podeduje privzeti slog AppBar).
• Drugi TextSpan uporabi krepko težo pisave in modro barvo za besedo " Flutter."
• Tretji TextSpan preprosto doda besedilo "je neverjetno!" do konca.

TextSpan Po potrebi lahko prilagodite oblikovanje, pisave, barve in druge sloge znotraj vsakega .

Pripomoček RichText je še posebej uporaben, ko morate za različne dele besedila uporabiti različne sloge, na primer pri prikazovanju oblikovane vsebine ali poudarjanju določenih besed ali besednih zvez.

Prosto eksperimentirajte z različnimi slogi in ugnezdenimi TextSpan pripomočki, da dosežete želene vizualne učinke v svoji aplikaciji.