[FIXED] Flutter: Yellow Lines Under Text

Issue

I understand that I do not have a Scaffolding around my text but I'm brand new to flutter and can't seem to work out how to add scaffolding to my text. My code is below:

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test Bench',
      home: new Container(
        decoration: BoxDecoration(color: Colors.pinkAccent),
        child: Padding(
          padding: const EdgeInsets.all(30.0),
          child: Text(
            "Hello, World",
            style: TextStyle(
                fontSize: 60.0,
                fontWeight: FontWeight.bold,
                fontFamily: 'Oswald',
                color: Colors.black),
          ),
        ),
      ),
    );
  }
}

Solution

You can check by following code. Also refer

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test Bench',
      home: Scaffold(
        body: new Container(
          decoration: BoxDecoration(color: Colors.pinkAccent),
          child: Padding(
            padding: const EdgeInsets.all(30.0),
            child: Text(
              "Hello, World",
              style: TextStyle(
                  fontSize: 60.0,
                  fontWeight: FontWeight.bold,
                  fontFamily: 'Oswald',
                  color: Colors.black),
            ),
          ),
        ),
      ),
    );
  }
}

Answered By - Shubham Narkhede
Answer Checked By - Marilyn (JavaFixing Volunteer)