Flutter
Container就是相对于iOS开发中的UIView，把与UIView设置差别很大的点拎出来说明一下。
void main() => runApp(WudanViewPage());
class WudanViewPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Class Name',
home: Scaffold(
appBar: AppBar(title: Text('UIView')),
body: Center(
child: Container(
height: 300,
color: Colors.red,
padding: EdgeInsets.fromLTRB(10, 30, 30, 10), // 内边距
margin: EdgeInsets.fromLTRB(5, 5, 5, 5), // 外边距
child: Container(
color: Colors.orange,
),
),
),
),
);
}
}
添加子视图
使用child，在其内部设置子视图样式
盒子模型
-
fromLTRB是(Left, Top, Right, Bottom) -
padding内边距 -
margin外边距
实例图
