首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >颤振:如何着色Sizedbox (不使用容器)

颤振:如何着色Sizedbox (不使用容器)
EN

Stack Overflow用户
提问于 2022-04-23 11:56:17
回答 4查看 969关注 0票数 1

1.解释

我想要改变'SizedBox‘的全部颜色,以查看'SizedBox’的位置和范围。我想知道是否有任何方法可以改变SizedBox的颜色,而不用填充容器或装饰盒。如果没有,我想知道如何用装饰盒填充SizedBox。

2.代码

这是我试过的密码。

代码语言:javascript
复制
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home : Scaffold(
        appBar: AppBar(
          title : const Text('this is title'),
        ),
        body : const SizedBox(
          width : 200,
          child: DecoratedBox(
              decoration: BoxDecoration(
                color : Colors.red,
              ),
          ),
        ),
        bottomNavigationBar: (
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: const [
              Icon(Icons.favorite),
              Icon(Icons.home),
              Icon(Icons.settings)
            ],
          )
        ),
      ),
    );
  }
}

**3.结果**

这是我从密码中得到的。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2022-04-23 12:08:47

您可以尝试ColoredBox小部件。

代码语言:javascript
复制
SizedBox(
  width : 200,
  height: 20,
  child: ColoredBox(color: Colors.amber),
),
票数 2
EN

Stack Overflow用户

发布于 2022-04-23 12:10:07

您可以用SizedBox包装ColoredBox

代码语言:javascript
复制
ColoredBox(
  color: Colors.cyanAccent,
  child: SizedBox(
      width: 200,
      height: 100,),
),
票数 3
EN

Stack Overflow用户

发布于 2022-04-23 12:12:23

如果您想装饰SizedBox以查看Widget的位置和作用域,只为了调试目的,我们可以在启动flutter run命令时按下CLI上的p来启用flutter run

否则,使用具有显式大小参数的Container与使用SizedBox基本相同,并且允许您使用背景色或边框装饰。

另一种选择是使用ColoredBox作为SizedBox的子级,反之亦然。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71979397

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档