RichText کا استعمال 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 اپنی ایپ میں مطلوبہ بصری اثرات حاصل کرنے کے لیے بلا جھجھک مختلف اسٹائلز اور نیسٹڈ ویجٹس کے ساتھ تجربہ کریں ۔