Bagaimana saya bisa memiliki sebaris teks dengan format berbeda?
misalnya:
Halo Dunia
Bagaimana saya bisa memiliki sebaris teks dengan format berbeda?
misalnya:
Halo Dunia
Jawaban:
Anda harus menggunakan widget RichText .
Widget RichText akan mengambil widget TextSpan yang juga dapat memiliki daftar TextSpans anak-anak.
Setiap widget TextSpan dapat memiliki TextStyle yang berbeda .
Berikut adalah contoh kode untuk dirender: Hello World
var text = new RichText(
text: new TextSpan(
// Note: Styles for TextSpans must be explicitly defined.
// Child text spans will inherit styles from parent
style: new TextStyle(
fontSize: 14.0,
color: Colors.black,
),
children: <TextSpan>[
new TextSpan(text: 'Hello'),
new TextSpan(text: 'World', style: new TextStyle(fontWeight: FontWeight.bold)),
],
),
);
Jawaban di bawah ini paling cocok untuk beberapa kata dan bukan untuk paragraf, Jika Anda memiliki kalimat panjang atau paragraf di mana Anda perlu memformat teks tertentu, lebih suka menggunakan RichText seperti yang disarankan oleh @DvdWasibi dalam jawaban di atas
Saya suka menjaga kode saya tetap pendek dan bersih ini adalah Bagaimana Saya Akan melakukannya menambahkan dua bidang teks dalam satu baris dengan font Normal dan huruf tebal lainnya ,
Catatan: Ini mungkin tidak terlihat bagus karena paragraf yang panjang terlihat bagus untuk Judul, dll.
Row(children: <Widget>[
Text("Hello"),
Text("World", style: TextStyle(fontWeight: FontWeight.bold))
])
`
dan Anda akan mendapatkan hasil yang diinginkan sebagai "Hello World "
return RichText(
text: TextSpan(
text: 'Can you ',
style: TextStyle(color: Colors.black),
children: <TextSpan>[
TextSpan(
text: 'find the',
style: TextStyle(
color: Colors.green,
decoration: TextDecoration.underline,
decorationStyle: TextDecorationStyle.wavy,
),
recognizer: _longPressRecognizer,
),
TextSpan(text: 'secret?'),
],
),
);