close

ਵਿੱਚ ਟੈਕਸਟ ਸਪੈਨ ਦੀ ਵਰਤੋਂ ਕਰਨਾ 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 ।