Linee gialle sotto i widget di testo in Flutter?

Sto lavorando alla mia prima app flutter. La schermata principale dell'app non presenta questo problema, tutti i testi vengono visualizzati come dovrebbero.

Tuttavia in questa nuova schermata che sto sviluppando, tutti i widget di testo hanno una strana linea gialla / doppia linea sotto.

Qualche idea sul perché sta accadendo?

Il problema è non avere Scaffoldo meno. Scaffoldè un aiuto per Materialle applicazioni ( AppBar, Drawer, quel genere di cose). Ma non sei obbligato a usare Material.

Quello che ti manca è un'istanza di Themegenitore.

Perché è importante sapere? Perché quando svilupperai un Modal (usando showDialogad esempio), dovrai affrontare lo stesso problema. MA Scaffold è un widget a schermo intero opaco! E ovviamente non lo vuoi nel tuo Modal.

Esistono molti modi per introdurre un'istanza di Theme. In Material App, ciò si ottiene solitamente creando un'istanza di un Materialwidget. E indovina cosa? Scaffoldne crea uno per te. Ma Dialoganche!

Aggiungi Materialwidget come elemento radice.

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

Puoi usare Scaffold(generalmente meglio) o qualsiasi altro componente che fornisce un tema materiale come un semplice Materialwidget.

Ecco l'esempio, usa uno di loro:

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

Come soluzione alternativa puoi utilizzare:

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

Lo stile di testo ha un argomento di decorazione che può essere impostato su nessuno

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

Inoltre, come altri hanno già detto, se il tuo widget Testo è nell'albero di un widget Scaffold o Material non avrai bisogno dello stile di testo decorativo.

Inoltre puoi usare la decorazione: TextDecoration.none per rimuovere la sottolineatura

Aggiungo solo un altro modo che incontro a queste risposte.

Avvolgi il widget radice attorno a un widget DefaultTextStyle . La modifica di ogni widget di testo non è una necessità qui.

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

Spero che aiuti qualcuno.

Dovresti aggiungere i widget Material e Scaffold nel file main.dart

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

C'è un'altra soluzione per questo, specialmente se stai usando più pagine racchiuse nel file main.dart Puoi fare qualcosa del genere:

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

Ciò rimuoverà le linee gialle sotto il testo che è presente in tutte le pagine referenziate / utilizzate sotto wrapper.

Devi solo aggiungere il widget della radice del materiale.

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

Sono disponibili 2 modi:

usa scaffuld nel genitore dello schermo

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

utilizzare il materiale per il genitore del widget

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