RichText'in Kullanımı Flutter: Kılavuz ve Örnekler

içinde Flutter, RichText tek bir metin widget'ında farklı stil ve formatlara sahip metinler oluşturmanıza olanak sağlayan bir widget'tır. TextSpan Metnin farklı bölümlerini farklı stillerle tanımlamak için birden fazla widget kullanabilirsiniz .

İşte nasıl kullanılacağına dair bir örnek 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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Bu örnekte RichText widget, farklı stillere sahip bir metin oluşturmak için kullanılıyor. Widget'lar TextSpan, metnin çeşitli bölümlerini farklı stillerle tanımlamak için alt öğeler olarak kullanılır.

• Birincisi, TextSpan bağlamın varsayılan metin stili kullanılarak stillendirilir(bu durumda, öğesinin varsayılan stilini devralır AppBar).
• İkincisi, TextSpan "." kelimesine kalın bir yazı tipi ağırlığı ve mavi renk uygular Flutter.
• Üçüncüsü TextSpan basitçe "harika!" metnini ekler. sonuna kadar.

TextSpan Her birindeki biçimlendirmeyi, yazı tiplerini, renkleri ve diğer stilleri gerektiği gibi özelleştirebilirsiniz .

Widget, RichText metninizin farklı bölümlerine farklı stiller uygulamanız gerektiğinde(örneğin, biçimlendirilmiş içeriği görüntülerken veya belirli kelimeleri veya cümleleri vurgularken) özellikle kullanışlıdır.

TextSpan Uygulamanızda istediğiniz görsel efektleri elde etmek için farklı stilleri ve iç içe widget'ları denemekten çekinmeyin .