ਇਸ ਵਿੱਚ ਰਿਚ ਟੈਕਸਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ 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 ਆਪਣੀ ਐਪ ਵਿੱਚ ਲੋੜੀਂਦੇ ਵਿਜ਼ੂਅਲ ਪ੍ਰਭਾਵਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਵੱਖ-ਵੱਖ ਸ਼ੈਲੀਆਂ ਅਤੇ ਨੇਸਟਡ ਵਿਜੇਟਸ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰਨ ਲਈ ਸੁਤੰਤਰ ਮਹਿਸੂਸ ਕਰੋ ।