Uża RichText fi Flutter: Gwida u Eżempji

Fi Flutter, RichText huwa widget li jippermettilek toħloq test bi stili u ifformattjar differenti fi ħdan widget test wieħed. Tista 'tuża TextSpan widgets multipli biex tiddefinixxi porzjonijiet differenti tat-test bi stili li jvarjaw.

Hawn eżempju ta 'kif tuża 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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

F'dan l-eżempju, il- RichText widget jintuża biex jinħoloq test bi stili differenti. Il- TextSpan widgets jintużaw bħala tfal biex jiddefinixxu d-diversi porzjonijiet tat-test bi stili distinti.

  • L-ewwel TextSpan huwa stil bl-użu tal-istil tat-test default tal-kuntest(f'dan il-każ, jiret l-istil default tal- AppBar).
  • It-tieni TextSpan japplika piż tat-tipa grassa u kulur blu għall-kelma " Flutter."
  • It-tielet TextSpan sempliċement iżid it-test "huwa aqwa!" sal-aħħar.

Tista' tippersonalizza l-ifformattjar, il-fonts, il-kuluri u stili oħra f'kull wieħed TextSpan kif meħtieġ.

Il- RichText widget huwa partikolarment utli meta jkollok bżonn tapplika stili differenti għal porzjonijiet differenti tat-test tiegħek, bħal meta turi kontenut ifformattjat jew tenfasizza kliem jew frażijiet speċifiċi.

Ħossok liberu li tesperimenta bi stili differenti u TextSpan widgets nested biex tikseb l-effetti viżwali mixtieqa fl-app tiegħek.