इन 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 अपने ऐप में वांछित दृश्य प्रभाव प्राप्त करने के लिए विभिन्न शैलियों और नेस्टेड विजेट्स के साथ प्रयोग करने में संकोच न करें ।