¿Líneas amarillas debajo de los widgets de texto en Flutter?

Trabajando en mi primera aplicación de flutter. La pantalla principal de la aplicación no tiene este problema, todos los textos aparecen como deberían.

Sin embargo, en esta nueva pantalla que estoy desarrollando, todo el widget de texto tiene una extraña línea amarilla / doble línea debajo.

¿Alguna idea de por qué esto esta pasando?

El problema es no tener Scaffoldo no. Scaffoldes un ayudante para MaterialaplicacionesAppBar , Drawery ese tipo de cosas). Pero no estás obligado a usarlo Material.

Lo que te falta es una instancia de Themecomo padre.

¿Por qué es tan importante saberlo? Porque cuando desarrolle un Modal (usando showDialogpor ejemplo), enfrentará el mismo problema. ¡PERO Scaffold es un widget de pantalla completa opaco! Y obviamente no quieres eso en tu modal.

Hay muchas formas de introducir una instancia de Theme. En Material App, esto generalmente se logra creando una instancia de un Materialwidget. ¿Y adivina qué? Scaffoldcrea uno para ti. ¡Pero Dialogtambién!

Agregue un Materialwidget como elemento raíz.

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

Puede usar Scaffold(generalmente mejor) o cualquier otro componente que proporcione un tema material como un simple Materialwidget.

Aquí está el ejemplo, use cualquiera de ellos:

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

Como solución alternativa, puede utilizar:

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

El estilo de texto tiene un argumento de decoración que se puede establecer en ninguno

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

Además, como han mencionado otros, si su widget de texto está en el árbol de un widget de material o andamio, no necesitará el estilo de texto de decoración.

También puede usar decoration: TextDecoration.none para eliminar el subrayado

Solo agrego otra forma que encuentro a estas respuestas.

Envuelva el widget raíz alrededor de un widget DefaultTextStyle . Modificar cada widget de texto no es una necesidad aquí.

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

Espero que ayude a alguien.

Debe agregar widgets Material y Scaffold en el archivo main.dart

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

Hay otra solución para esto, especialmente si está utilizando varias páginas envueltas en el archivo main.dart.Puede hacer algo como esto:

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

Esto eliminará las líneas amarillas debajo del texto que está presente en cualquier página a la que se hace referencia / se usa en el contenedor.

Solo necesita agregar el widget de raíz de material.

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

2 formas están disponibles:

use scaffuld en el padre de la pantalla

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

usar material para el padre del widget

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