Container 详解
代码示例:import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(...
·
代码示例:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Container组件',
home: Scaffold(
appBar: AppBar(
title: Text('Container组件'),
),
body: Center(
//父容器
child: Container(
// 容器的宽度
// width: 200.0,
// // 容器的高度
// height: 200.0,
// 容器尺寸限制,可设置,最大宽度,最小宽度,最大高度,最小高度
// 其中 不管设置最大,最小,若和width、height属性并存,则以width、height属性为准
constraints: BoxConstraints(
maxWidth: 200, //宽度尽可能大
maxHeight: 200 //最小高度为50像素
),
// 外边距
margin: EdgeInsets.all(100.0),
// 内边距
padding: EdgeInsets.all(20.0),
//内边距
//容器内的方框装饰
decoration: BoxDecoration(
//容器内的方框
border: Border.all(
color: Colors.black,
width: 10.0, //边框粗细
),
//容器内的方框弧度
borderRadius: BorderRadius.all(const Radius.circular(10.0)),
),
//子容器
child: Text("你好") // 默认位置左上角
),
),
),
);
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)