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.