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

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

概述我正在学习Flutter,我从非常基础开始.我没有使用MaterialApp.设置整个屏幕的背景颜色有什么好方法? 这是我到目前为止所拥有的: import 'package:flutter/material.dart';void main() { runApp(new MyApp());}class MyApp extends StatelessWidget { // This 我正在学习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!"),),);  }}

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

在这里看到它的运作:

总结

以上是内存溢出为你收集整理的飞镖 – 如何在Flutter中设置主屏幕的背景颜色?全部内容,希望文章能够帮你解决飞镖 – 如何在Flutter中设置主屏幕的背景颜色?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1004050.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存