આમાં રિચટેક્સ્ટનો ઉપયોગ કરવો 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 તમારી એપ્લિકેશનમાં ઇચ્છિત વિઝ્યુઅલ ઇફેક્ટ્સ પ્રાપ્ત કરવા માટે વિવિધ શૈલીઓ અને નેસ્ટેડ વિજેટ્સ સાથે પ્રયોગ કરવા માટે નિઃસંકોચ .