Linhas amarelas em Widgets de texto em flutuação?

Estou trabalhando no meu primeiro aplicativo de vibração. A tela principal do aplicativo não apresenta esse problema, todos os textos aparecem como deveriam.

No entanto, nesta nova tela que estou desenvolvendo, todo o widget de texto tem uma linha amarela estranha / linha dupla embaixo.

Alguma ideia de por que isso está acontecendo?

O problema é não ter Scaffoldou não. Scaffoldé um auxiliar para Materialaplicativos ( AppBar, Drawer, esse tipo de coisa). Mas você não é forçado a usar Material.

O que você está perdendo é uma instância de Themepai.

Por que isso é importante saber? Porque ao desenvolver um Modal (usando showDialogpor exemplo), você enfrentará o mesmo problema. MAS Scaffold é um widget de tela cheia opaco! E você obviamente não quer isso no seu Modal.

Existem muitas maneiras de introduzir uma instância de Theme. No aplicativo de materiais, isso geralmente é obtido instanciando um Materialwidget. E adivinha? Scaffoldcria um para você. Mas Dialogtambém!

Adicione Materialwidget como elemento raiz.

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

Você pode usar Scaffold(geralmente melhor) ou qualquer outro componente que forneça o tema material como um Materialwidget simples .

Aqui está o exemplo, use qualquer um deles:

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

Como alternativa, você pode usar:

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

O estilo do texto tem um argumento de decoração que pode ser definido como nenhum

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

Além disso, como outros mencionaram, se seu widget de Texto estiver na árvore de um widget de andaime ou material, você não precisará do estilo de texto de decoração.

Você também pode usar decoração: TextDecoration.none para remover o sublinhado

Apenas adicionando outra maneira que encontro a essas respostas.

Envolva o widget raiz em um widget DefaultTextStyle . Alterar cada widget de texto não é uma necessidade aqui.

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

Espero que ajude alguém.

Você deve adicionar os widgets Material e Scaffold no arquivo main.dart

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

Há uma outra solução para isso, especialmente se você estiver usando várias páginas agrupadas no arquivo main.dart . Você pode fazer algo assim:

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

Isso removerá as linhas amarelas sob o texto que está presente em qualquer página referenciada / usada sob o invólucro.

Você só precisa adicionar o widget raiz do Material.

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

Duas maneiras estão disponíveis:

usar scaffuld no pai da tela

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

use o material para o pai do widget

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