இதில் 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 உங்கள் பயன்பாட்டில் விரும்பிய காட்சி விளைவுகளை அடைய, வெவ்வேறு பாணிகள் மற்றும் உள்ளமை விட்ஜெட்களுடன் பரிசோதனை செய்ய தயங்க வேண்டாம் .