Flutter：文字下方有黃線

Question

我知道我的文本周圍沒有腳手架，但我是 flutter 的新手，似乎無法弄清楚如何在我的文本中添加腳手架。 我的代碼如下：

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),
          ),
        ),
      ),
    );
  }
}

Answer 1

您可以通過以下代碼進行檢查。 另請參閱

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),
            ),
          ),
        ),
      ),
    );
  }
}

Answer 2

我認為您需要對此進行解釋：

始終使用 Scaffold（通常更好）或任何其他提供材質主題的組件，例如簡單的 Material 小部件

刪除黃線文本

Answer 3

我們可以通過將 Parent 小部件添加為“Material”或使用“Scaffold”來刪除黃線

return MaterialApp(home: Scaffold(body: Container(child: SingleChildScrollView(child: Text('Test')), ), ), );