Why text has underline with yellow color with big font size?

Question

Screenshot of the code and it's result:

Hi, I have StatelessWidget which has Container returning in its build method and the Text widget as a child widget. But it's look and feel is not as expected. Why is the yellow underline and how can I remove it?

I tried replacing the Container with Stack, Column and Row nothing change.

Answer 1

Because of you havent wrap your Text widget with a material widget. You can wrap with a Scaffold or with Material widget with color property as you want.

Example:

Scaffold(body: Center(child: Text("Here is the text")))

or:

Material(color: Colors.white, child: Center(child: Text("Here is the text")))

Answer 2

Every screen should have a scaffold widget

 @override
  Widget build(BuildContext context) {
    return Scaffold(
             body:Container(
                  child:Text("your text"),
           ),
        );