Flutter：文本下的黄线答案

【问题标题】：Flutter: Yellow Lines Under TextFlutter：文本下的黄线
【发布时间】：2021-04-17 11:45:43
【问题描述】：

我知道我的文本周围没有脚手架，但我是 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),
          ),
        ),
      ),
    );
  }
}

【问题讨论】：

标签： android ios flutter dart visual-studio-code

【解决方案1】：

我认为您需要对此进行解释：

始终使用 Scaffold（通常更好）或任何其他提供材质主题的组件，例如简单的 Material 小部件

remove yellow line text

【讨论】：

【解决方案2】：

您可以通过以下代码进行检查。也可以参考

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

【讨论】：