లో Flutter, RichText ఒకే టెక్స్ట్ విడ్జెట్‌లో విభిన్న శైలులు మరియు ఫార్మాటింగ్‌తో వచనాన్ని సృష్టించడానికి మిమ్మల్ని అనుమతించే విడ్జెట్. TextSpan విభిన్న శైలులతో టెక్స్ట్ యొక్క విభిన్న భాగాలను నిర్వచించడానికి మీరు బహుళ విడ్జెట్‌లను ఉపయోగించవచ్చు .
ఎలా ఉపయోగించాలో ఇక్కడ ఒక ఉదాహరణ ఉంది 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!'),
],
),
),
),
);
}
}
ఈ ఉదాహరణలో, RichText విడ్జెట్ విభిన్న శైలులతో వచనాన్ని సృష్టించడానికి ఉపయోగించబడుతుంది. విడ్జెట్‌లు TextSpan టెక్స్ట్‌లోని వివిధ భాగాలను విభిన్న శైలులతో నిర్వచించడానికి పిల్లలుగా ఉపయోగించబడతాయి.
- మొదటిది
TextSpanసందర్భం యొక్క డిఫాల్ట్ టెక్స్ట్ శైలిని ఉపయోగించి స్టైల్ చేయబడింది(ఈ సందర్భంలో, ఇది డిఫాల్ట్ శైలిని వారసత్వంగా పొందుతుందిAppBar). - రెండవది
TextSpan" ." అనే పదానికి బోల్డ్ ఫాంట్ బరువు మరియు నీలం రంగును వర్తింపజేస్తుంది Flutter. - మూడవది
TextSpan"అద్భుతం!" అనే వచనాన్ని జోడిస్తుంది. చివరి వరకు.
మీరు ఫార్మాటింగ్, ఫాంట్‌లు, రంగులు మరియు ఇతర శైలులను TextSpan అవసరమైన విధంగా అనుకూలీకరించవచ్చు.
RichText ఫార్మాట్ చేయబడిన కంటెంట్‌ను ప్రదర్శించేటప్పుడు లేదా నిర్దిష్ట పదాలు లేదా పదబంధాలను నొక్కిచెప్పేటప్పుడు మీ టెక్స్ట్‌లోని వివిధ భాగాలకు మీరు విభిన్న శైలులను వర్తింపజేయవలసి వచ్చినప్పుడు విడ్జెట్ ప్రత్యేకంగా ఉపయోగపడుతుంది .
TextSpan మీ యాప్‌లో కావలసిన విజువల్ ఎఫెక్ట్‌లను సాధించడానికి విభిన్న శైలులు మరియు సమూహ విడ్జెట్‌లతో ప్రయోగాలు చేయడానికి సంకోచించకండి .