import 'package:flutter/material.dart';
class ContainerExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Container(
alignment: Alignment.center, // 容器内部的子元素对齐方式
padding: EdgeInsets.all(16.0), // 容器内部的内边距
margin: EdgeInsets.all(32.0), // 容器的外边距
width: 200.0, // 容器的宽度
height: 200.0, // 容器的高度
decoration: BoxDecoration(
color: Colors.white, // 容器的背景颜色
borderRadius: BorderRadius.circular(16.0), // 容器的圆角
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.5),
offset: Offset(0.0, 3.0),
blurRadius: 5.0,
spreadRadius: 1.0,
),
], // 容器的阴影效果
border: Border.all(
color: Colors.red, width: 2.0, // 容器的边框线
),
),
child: Text('这是一个Container', style: TextStyle(color: Colors.red, fontSize: 20.0)),
),
),
);
}
}
在上述示例中,我们设置了一个Container的四周32像素的外边距,200 x 200像素的宽高,白色背景色,并带有圆角和阴影效果,边框线颜色为红色、宽度为2像素。同时,我们让Container内部的子元素(即一个文本组件)在中心对齐,并设置了16像素的内边距。