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: '!'),
],
),
),
),
);
}
}
इस उदाहरण में, हम एक विजेट Text.rich
बनाने के लिए इसका उपयोग करते हैं । हमें एक विजेट के भीतर कई अलग-अलग टेक्स्ट स्पैन बनाने में सक्षम बनाता है, जिनमें से प्रत्येक की अपनी स्टाइलिंग विशेषताएँ जैसे फ़ॉन्ट, रंग और फ़ॉर्मेटिंग होती हैं। Text
TextSpan
TextSpan
Text
TextSpan
RichText
अधिक उन्नत टेक्स्ट फ़ॉर्मेटिंग क्षमताओं को प्राप्त करने के लिए विजेट के भीतर भी इसका उपयोग किया जा सकता है । आप TextSpan
वांछित रूप से समृद्ध स्वरूपित पाठ तैयार करने के लिए कई उदाहरण बनाने और संयोजित करने के लिए स्वतंत्र हैं।
TextSpan
मुझे आशा है कि यह उदाहरण आपको यह समझने में मदद करेगा कि इसका उपयोग कैसे करें Flutter ।