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.