Garis kuning di bawah Widget Teks di Flutter?

Mengerjakan aplikasi flutter pertama saya. Layar aplikasi utama tidak memiliki masalah ini, semua teks muncul sebagaimana mestinya.

Namun di layar baru yang saya kembangkan ini, semua widget teks memiliki beberapa garis kuning / garis ganda yang aneh di bawahnya.

Ada ide mengapa ini terjadi?

Masalahnya tidak memiliki Scaffoldatau tidak. Scaffoldadalah penolong untuk Materialaplikasi ( AppBar, Drawer, hal-hal seperti). Tapi Anda tidak dipaksa untuk menggunakan Material.

Apa yang Anda lewatkan adalah contoh Themesebagai orang tua.

Mengapa itu penting untuk diketahui? Karena ketika Anda akan mengembangkan Modal (menggunakan showDialogmisalnya), Anda akan menghadapi masalah yang sama. TAPI Scaffold adalah widget layar penuh buram! Dan Anda jelas tidak menginginkannya di Modal Anda.

Ada banyak cara untuk memperkenalkan instance Tema. Di Aplikasi Material, ini biasanya dicapai dengan membuat instance MaterialWidget. Dan coba tebak? Scaffoldmembuatkan satu untuk Anda. Tapi Dialogjuga!

Tambahkan Materialwidget sebagai elemen root.

@override
  Widget build(BuildContext context) {
    return Material(
        type: MaterialType.transparency,
        child: new Container(

Anda dapat menggunakan Scaffold(umumnya lebih baik) atau komponen lain yang menyediakan tema material seperti Materialwidget sederhana .

Berikut contohnya, gunakan salah satu dari mereka:

var text = Scaffold(body: Text("Hi"),);
var text2 = Material(child: Text("Hi"),);

Sebagai solusi, Anda dapat menggunakan:

Text(
  'Your text',
  style: TextStyle(decoration: TextDecoration.none), // removes yellow line
)

Gaya teks memiliki argumen dekorasi yang dapat disetel ke tidak ada

Text("My Text",
  style: TextStyle(
    decoration: TextDecoration.none,
  )
);

Juga, seperti yang telah disebutkan orang lain, jika widget Teks Anda ada di pohon widget Perancah atau Material, Anda tidak memerlukan gaya teks dekorasi.

Anda juga dapat menggunakan dekorasi: TextDecoration.none untuk menghapus garis bawah

Hanya menambahkan cara lain yang saya temui untuk jawaban ini.

Gabungkan Widget root di sekitar widget DefaultTextStyle . Mengubah setiap widget Teks bukanlah suatu keharusan di sini.

DefaultTextStyle(
    style: TextStyle(decoration: TextDecoration.none), 
    child : Your_RootWidget
)

Semoga bisa membantu seseorang.

Anda harus menambahkan widget Material dan Scaffold di file main.dart

 MaterialApp(
  home: Scaffold(
    body: Text('Hello world'),
  ),
);

Ada solusi lain untuk ini, terutama jika Anda menggunakan banyak halaman yang dibungkus di bawah file main.dart Anda dapat melakukan sesuatu seperti ini:

  child: MaterialApp(
    home: Material(child: Wrapper()),
  ),

Ini akan menghapus garis kuning di bawah teks yang ada di halaman mana pun yang direferensikan / digunakan di bawah pembungkus.

Anda hanya perlu menambahkan widget Material root.

      @override
       Widget build(BuildContext context) {
      return Material(
         child: new Container(),
        );
       }

2 cara tersedia:

gunakan scaffuld di induk layar

Scaffold(body: Container(child:Text("My Text")))

menggunakan bahan untuk induk widget

Material(child: Text("My Text"))