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

发布时间：2020-12-14 14:58:00 所属栏目：百科来源：网络整理

导读：我正在学习Flutter,我从非常基础开始.我没有使用MaterialApp.设置整个屏幕的背景颜色有什么好方法？这是我到目前为止所拥有的： import 'package:flutter/material.dart';void main() { runApp(new MyApp());}class MyApp extends StatelessWidget { // Thi

我正在学习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!"));
  }
}

我的一些问题是：

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

谢谢您的帮助！

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

enter image description here

解决方法

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

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

注意,Container由MyApp build()返回. Container有一个装饰和一个子,这是居中的文本.

在这里看到它的运作：

enter image description here

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!