下面有常见布局 *****  ~~~ import 'package:flutter/material.dart'; import 'res/listData.dart'; void main() => runApp(Myapp()); class Myapp extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( title: 'home', home: Scaffold( appBar: AppBar( title: Text('home'), ), body: Home(), ), ); } } class Home extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return Column( children: <Widget>[ Row( children: <Widget>[ Expanded( child: Container( height: 180, color: Colors.amberAccent, child: Text("你好,Flutter"), ) ) ], ), SizedBox(height: 10), Row( children: <Widget>[ Expanded( flex: 2, child: Container( height: 180, color: Colors.lightGreen, ) ), SizedBox( width: 10, ), Expanded( flex: 1, child: Container( height: 180, child: ListView( children: <Widget>[ Container( height: 85, color: Colors.pink, ), SizedBox( height: 10, ), Container( height: 85, color: Colors.black, ) ], ) ) ) ], ) ], ); } } ~~~ ***** *****   ~~~ 使盒子里面的东西垂直显示，如图片和文字如果用ListTile的时候，会横向布局 Column ~~~  ~~~ 增加图中图片和文字都间距 SizedBox ~~~  ~~~ 增加容器内边据(error示范) Padding ~~~ >四周都是10，但是中间是20。。  ~~~ 增加容器内边据(success示范) Padding ~~~