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 আপনার অ্যাপে কাঙ্খিত ভিজ্যুয়াল এফেক্টগুলি অর্জন করতে বিনা দ্বিধায় বিভিন্ন শৈলী এবং নেস্টেড উইজেটগুলি নিয়ে পরীক্ষা করুন ৷