Nggunakake TextSpan ing Flutter: Pandhuan lan Conto

Nggunakake TextSpan ing Flutter, sampeyan bisa nggawe teks sugih kanthi nggunakake atribut format beda kanggo macem-macem bagean teks. Iki ngidini sampeyan nggawe teks kanthi gaya, warna, font, lan liya-liyane. TextSpan digunakake ing widget Text lan RichText kanggo entuk teks sing diformat kanthi apik.

Mangkene conto carane nggunakake TextSpan ing Text widget:

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: '!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Ing conto iki, kita digunakake Text.rich kanggo nggawe Text widget karo TextSpan. TextSpan ngidini kita nggawe macem-macem rentang teks ing Text widget, saben duwe atribut gaya dhewe kayata font, werna, lan format.

TextSpan uga bisa digunakake ing RichText widget kanggo entuk kapabilitas format teks sing luwih maju. Sampeyan bebas nggawe lan nggabungake macem-macem TextSpan conto kanggo nggawe teks kanthi format kaya sing dikarepake.

Mugi conto iki mbantu sampeyan ngerti carane nggunakake TextSpan ing Flutter.