1.解释
我想要改变'SizedBox‘的全部颜色,以查看'SizedBox’的位置和范围。我想知道是否有任何方法可以改变SizedBox的颜色,而不用填充容器或装饰盒。如果没有,我想知道如何用装饰盒填充SizedBox。
2.代码
这是我试过的密码。
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.结果**
这是我从密码中得到的。

发布于 2022-04-23 12:08:47
您可以尝试ColoredBox小部件。
SizedBox(
width : 200,
height: 20,
child: ColoredBox(color: Colors.amber),
),发布于 2022-04-23 12:10:07
您可以用SizedBox包装ColoredBox
ColoredBox(
color: Colors.cyanAccent,
child: SizedBox(
width: 200,
height: 100,),
),发布于 2022-04-23 12:12:23
如果您想装饰SizedBox以查看Widget的位置和作用域,只为了调试目的,我们可以在启动flutter run命令时按下CLI上的p来启用flutter run。
否则,使用具有显式大小参数的Container与使用SizedBox基本相同,并且允许您使用背景色或边框装饰。
另一种选择是使用ColoredBox作为SizedBox的子级,反之亦然。
https://stackoverflow.com/questions/71979397
复制相似问题