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