TextSpan'ı kullanma Flutter: Kılavuz ve Örnekler

kullanarak, metnin çeşitli bölümlerine farklı biçimlendirme nitelikleri uygulayarak zengin metin oluşturabilirsiniz TextSpan. Flutter Farklı stiller, renkler, yazı tipleri ve daha fazlasıyla metin oluşturmanıza olanak tanır. TextSpan Zengin biçimlendirilmiş metin elde etmek için hem Text ve RichText widget'larda kullanılır.

TextSpan Widget'ın içinde nasıl kullanılacağına dair bir örnek 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: '!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Bu örnekte, bir widget Text.rich oluşturmak için kullanıyoruz. bir widget içinde her biri yazı tipi, renk ve biçimlendirme gibi kendi stil özelliklerine sahip birden çok farklı metin alanı oluşturmamıza olanak tanır. Text TextSpan TextSpan Text

TextSpan daha gelişmiş metin biçimlendirme yetenekleri elde etmek için widget içinde de kullanılabilir RichText. TextSpan Zengin biçimlendirilmiş metni istediğiniz gibi oluşturmak için birden fazla örnek oluşturup birleştirebilirsiniz .

TextSpan Bu örneğin nasıl kullanılacağını anlamanıza yardımcı olacağını umuyorum Flutter.