TextSpan
లో ఉపయోగించి Flutter, మీరు టెక్స్ట్ యొక్క వివిధ భాగాలకు విభిన్న ఫార్మాటింగ్ లక్షణాలను వర్తింపజేయడం ద్వారా రిచ్ టెక్స్ట్ని సృష్టించవచ్చు. విభిన్న శైలులు, రంగులు, ఫాంట్లు మరియు మరిన్నింటితో వచనాన్ని సృష్టించడానికి ఇది మిమ్మల్ని అనుమతిస్తుంది. సమృద్ధిగా ఫార్మాట్ చేయబడిన వచనాన్ని సాధించడానికి మరియు విడ్జెట్లు TextSpan
రెండింటిలోనూ ఉపయోగించబడుతుంది. Text
RichText
TextSpan
విడ్జెట్లో ఎలా ఉపయోగించాలో ఇక్కడ ఒక ఉదాహరణ ఉంది Text
:
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('TextSpan Example'),
),
body: Center(
child: Text.rich(
TextSpan(
text: 'Hello ',
style: TextStyle(fontSize: 20),
children: [
TextSpan(
text: 'Flutter',
style: TextStyle(
fontWeight: FontWeight.bold,
color: Colors.blue,
),
),
TextSpan(text: '!'),
],
),
),
),
);
}
}
ఈ ఉదాహరణలో, మేము a తో విడ్జెట్ని Text.rich
సృష్టించడానికి ఉపయోగిస్తాము. ఫాంట్, రంగు మరియు ఫార్మాటింగ్ వంటి దాని స్వంత స్టైలింగ్ లక్షణాలతో ప్రతి ఒక్కటి విడ్జెట్లో బహుళ విభిన్న టెక్స్ట్ స్పాన్లను సృష్టించడానికి మమ్మల్ని అనుమతిస్తుంది. Text
TextSpan
TextSpan
Text
TextSpan
RichText
మరింత అధునాతన టెక్స్ట్ ఫార్మాటింగ్ సామర్థ్యాలను సాధించడానికి విడ్జెట్లో కూడా ఉపయోగించవచ్చు. TextSpan
మీరు కోరుకున్న విధంగా రిచ్గా ఫార్మాట్ చేయబడిన వచనాన్ని రూపొందించడానికి బహుళ సందర్భాలను సృష్టించడానికి మరియు కలపడానికి స్వేచ్ఛగా ఉన్నారు .
TextSpan
లో ఎలా ఉపయోగించాలో అర్థం చేసుకోవడానికి ఈ ఉదాహరణ మీకు సహాయపడుతుందని నేను ఆశిస్తున్నాను Flutter.