close

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

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.