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

前端之家收集整理的这篇文章主要介绍了飞镖 – 如何在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!"));
  }
}

我的一些问题是:

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

谢谢您的帮助!

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

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

猜你在找的Flutter相关文章