Używanie RichText w Flutter: Przewodniku i przykładach

In Flutter, RichText to widżet umożliwiający tworzenie tekstu o różnych stylach i formatowaniu w ramach jednego widżetu tekstowego. Możesz użyć wielu TextSpan widżetów, aby zdefiniować różne fragmenty tekstu za pomocą różnych stylów.

Oto przykład użycia 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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

W tym przykładzie RichText widget służy do tworzenia tekstu o różnych stylach. Widżety TextSpan służą jako elementy podrzędne do definiowania różnych części tekstu za pomocą różnych stylów.

• Pierwszy TextSpan styl jest stylizowany przy użyciu domyślnego stylu tekstu kontekstu(w tym przypadku dziedziczy domyślny styl AppBar).
• W drugim przypadku TextSpan do słowa „ ” stosuje się pogrubioną czcionkę i niebieski kolor Flutter.
• Trzeci TextSpan po prostu dodaje tekst „jest niesamowity!” do końca.

W razie potrzeby możesz dostosować formatowanie, czcionki, kolory i inne style w każdym z nich TextSpan.

Widget RichText jest szczególnie przydatny, gdy trzeba zastosować różne style do różnych fragmentów tekstu, na przykład podczas wyświetlania sformatowanej treści lub podkreślania określonych słów lub fraz.

Możesz eksperymentować z różnymi stylami i zagnieżdżonymi TextSpan widżetami, aby osiągnąć pożądane efekty wizualne w swojej aplikacji.