Flutter'da Metin Widget'larının altında sarı çizgiler var mı?

İlk flutter uygulamam üzerinde çalışıyorum. Ana uygulama ekranında bu sorun yok, tüm metinler olması gerektiği gibi görünüyor.

Ancak geliştirdiğim bu yeni ekranda, tüm metin widget'ının altında bazı garip sarı çizgi / çift satır var.

Bunun neden olduğuna dair bir fikriniz var mı?

Sorun, sahip olmak Scaffoldya da olmamak. Scaffoldiçin bir yardımcı olan Materialuygulamalar ( AppBar, Drawermalzeme, bu tür). Ama kullanmak zorunda değilsin Material.

Eksik olduğunuz şey, Themeebeveyn olarak bir örnek .

Bunu bilmek neden önemlidir? Çünkü bir Modal geliştireceğiniz zaman ( showDialogörneğin kullanarak ), aynı problemle karşılaşacaksınız. AMA Scaffold, opak bir tam ekran widget'tır! Ve açıkça bunu Modal'ınızda istemiyorsunuz.

Bir Tema örneğini tanıtmanın birçok yolu vardır. Material App'te bu genellikle bir MaterialWidget'ın somutlaştırılmasıyla elde edilir . Ve tahmin et ne oldu? Scaffoldsizin için bir tane yaratır. Ama aynı Dialogzamanda!

MaterialWidget'ı kök öğe olarak ekleyin .

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

Ya Scaffold(genellikle daha iyi) ya da basit bir Materialpencere öğesi gibi malzeme teması sağlayan başka bir bileşen kullanabilirsiniz .

İşte örnek, bunlardan herhangi birini kullanın:

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

Çözüm olarak şunları kullanabilirsiniz:

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

Metin stilinin hiçbiri olarak ayarlanamayan bir dekorasyon bağımsız değişkeni var

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

Ayrıca, diğerlerinin de belirttiği gibi, Metin widget'ınız İskele veya Malzeme widget'ının ağacındaysa, dekorasyon metin stiline ihtiyacınız olmayacaktır.

Ayrıca alt çizgiyi kaldırmak için dekorasyonu kullanabilirsiniz: TextDecoration.none

Bu cevaplara sadece karşılaştığım başka bir yolu eklemek.

Kök Pencere Öğesini bir DefaultTextStyle widget'ının etrafına sarın . Her Metin parçacığını değiştirmek burada bir zorunluluk değildir.

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

Umarım birine yardımcı olur.

Main.dart dosyasında Material ve Scaffold widget'ları eklemelisiniz

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

Bunun için başka bir çözüm var, özellikle main.dart dosyası altına sarılmış birden çok sayfa kullanıyorsanız , bunun gibi bir şey yapabilirsiniz:

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

Bu, sarıcı altında referans verilen / kullanılan tüm sayfalarda bulunan metnin altındaki sarı çizgileri kaldıracaktır.

Yalnızca Malzeme kök pencere öğesini eklemeniz gerekir.

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

2 yol mevcuttur:

scaffuld'u ekranın ebeveyninde kullanın

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

widget'ın üst öğesi için malzeme kullan

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