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 आफ्नो एपमा वांछित दृश्य प्रभावहरू प्राप्त गर्न विभिन्न शैलीहरू र नेस्टेड विजेटहरू प्रयोग गर्न स्वतन्त्र महसुस गर्नुहोस् ।