Flutter 为什么文本小部件在flatter中已经有预定义的样式？

我有一条使用导航器推送的路线。奇怪的是，在这条新路线中，我的所有文本小部件看起来都已经有了预定的红色、32英寸的字体大小、控制台字体和双黄色下划线

代码如下：

import 'package:flutter/material.dart';
import 'package:movie_browsers/src/models/item_model.dart';

class MovieDetail extends StatelessWidget {
  final MovieModel movieModel;

  const MovieDetail({ Key key, this.movieModel }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Column(
          children: [
            Image.network('https://image.tmdb.org/t/p/w185${movieModel.posterPath}', fit: BoxFit.cover),
            Text(movieModel.title, style: TextStyle(color: const Color(0xFFFFFFFFF), fontSize: 14),),
            Text("testing"),
          ]
      ),
    );
  }
}

下面是截图：

我已经将样式应用于“冻结II”文本，因为我正试图用这种奇怪的样式来表达我的想法。“测试”文本是没有任何样式的“纯”文本小部件结果。为什么会这样

---

上一个（主）屏幕没有这种奇怪。所有文本都是正常的（如无样式的文本所预期的）

这是因为您没有使用任何

材料
组件。有很多解决方案，比如你可以使用
Scaffold
，
Material
小部件等等

@override
Widget build(BuildContext context) {
  return Material( // add this
    child: Center(
      child: Column(
          children: [
            Image.network('https://image.tmdb.org/t/p/w185${movieModel.posterPath}', fit: BoxFit.cover),
            Text(movieModel.title, style: TextStyle(color: const Color(0xFFFFFFFFF), fontSize: 14),),
            Text("testing"),
          ]
      ),
    ),
  );
}

把你的全部代码都包在里面

使用Scaffold小部件

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter'),
        ),
        body: Center(
          child: Container(
            child: Text('Hello World'),
          ),
        ),
      ),
    );
  }
}               

                                                                       

哦，等等。。。是的，你说得对。哼*面对新手的痛苦。谢谢是的，我还需要再等5分钟才能设定被接受的答案。我讨厌这个“你必须等x分钟才能接受”的规则。是的，我才意识到。我太专注于创建树了，我忘记了如果是推送路线，我必须使用脚手架。谢谢
import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter'),
        ),
        body: Center(
          child: Container(
            child: Text('Hello World'),
          ),
        ),
      ),
    );
  }
}               

                                                                       

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter'),
        ),
        body: Center(
          child: Container(
            child: Text('Hello World'),
          ),
        ),
      ),
    );
  }
}        

MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter'),
        ),
        body: Center(
          child: Container(
            child: Text('Hello World'),
          ),
        ),
      ),
    );