上一篇: dart – 检查Flutter应用程序上是... 下一篇:异步 – Dart中的Future / async...

飞镖 – 如何在Flutter中设置主屏幕的背景颜色？

Flutter 发布时间：2022-05-03 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了飞镖 – 如何在Flutter中设置主屏幕的背景颜色？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在学习Flutter,我从非常基础开始.我没有使用MaterialApp.设置整个屏幕的背景颜色有什么好方法？

这是我到目前为止所拥有的：

import 'package:Flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new Center(child: new Text("Hello,World!"));
  }
}

我的一些问题是：

>什么是设置背景颜色的基本方法？
>我在屏幕上看到的是什么？哪个代码“是”背景？是否有设置背景颜色的东西？如果没有,那么什么是简单而恰当的“简单背景”(为了绘制背景颜色).

谢谢您的帮助！

上面的代码生成一个带有白色文本的黑屏：

解决方法

这是我发现的一种方式.我不知道是否有更好的方法,或者权衡取舍.

Container“试图尽可能大”,根据https://flutter.io/layout/.此外,Container可以采取装饰,可以是BoxDecoration,可以有一种颜色(这是背景颜色).

这是一个确实用红色填充屏幕的样本,并放入“你好,世界！”进入中心：

import 'package:Flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new Container(
      decoration: new BoxDecoration(color: Colors.red),child: new Center(
        child: new Text("Hello,World!"),),);
  }
}