Bagaimana cara saya menebalkan (atau memformat) bagian teks dalam paragraf?


97

Bagaimana saya bisa memiliki sebaris teks dengan format berbeda?

misalnya:

Halo Dunia

Jawaban:


202

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)),
    ],
  ),
 );

26

[MEMPERBARUI]

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

[JAWABAN LAMA]

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 "


8
Ini bukan ide yang bagus, jika Anda ingin memiliki paragraf teks. Setiap Teks () di dalam baris membuat ruang vertikal / horizontal sendiri.
Muhammad Adil

jadi apa alternatif untuk menggunakan Row? dan jika saya ingin teks berdampingan dengan format yang berbeda
maheshmnj

2
lihat jawaban di atas dari @Dvdwasibi, coba saja implementasi Anda dengan paragraf besar dan Anda akan menemukan jenis dua paragraf berbeda berdampingan. jawaban Anda Benar untuk 2/3 kata tetapi tidak untuk satu paragraf.
Muhammad Adil

10
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?'),
    ],
  ),
);
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.