Nggunakake RichText ing Flutter: Pandhuan lan Conto

Ing Flutter, RichText minangka widget sing ngidini sampeyan nggawe teks kanthi gaya lan format sing beda ing widget teks siji. Sampeyan bisa nggunakake macem-macem TextSpan widget kanggo nemtokake bagean teks sing beda-beda kanthi gaya sing beda-beda.

Punika conto carane nggunakake 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!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Ing conto iki, RichText widget digunakake kanggo nggawe teks kanthi gaya sing beda. Widget TextSpan digunakake minangka bocah kanggo nemtokake macem-macem bagean teks kanthi gaya sing beda.

  • Sing pertama TextSpan ditata nganggo gaya teks standar konteks(ing kasus iki, gaya standar kasebut AppBar).
  • Kapindho TextSpan ngetrapake bobot font sing kandel lan werna biru kanggo tembung " Flutter."
  • Katelu TextSpan mung nambah teks " apik tenan!" nganti pungkasan.

Sampeyan bisa ngatur format, font, werna, lan gaya liyane ing saben TextSpan yen perlu.

Widget kasebut RichText migunani banget yen sampeyan kudu ngetrapake gaya sing beda ing bagean teks sing beda, kayata nalika nampilake konten sing diformat utawa nandheske tembung utawa frasa tartamtu.

Bebas bae kanggo eksprimen karo macem-macem gaya lan TextSpan widget nested kanggo entuk efek visual sing dikarepake ing app.