close

मध्ये RichText वापरणे Flutter: मार्गदर्शक आणि उदाहरणे

मध्ये 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 तुमच्या अॅपमध्ये इच्छित व्हिज्युअल इफेक्ट्स मिळवण्यासाठी विविध शैली आणि नेस्टेड विजेट्ससह प्रयोग करण्यास मोकळ्या मनाने .