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 kasebutAppBar
). - 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.