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.