自动换行组件
子元素按水平排列,超过父元素宽度自动换行
Wrap(
spacing: n, 左右组件间距
runSpacing: n, 上下组件间距
alignment: WrapAlignment.spaceEvenly, 横轴对齐方式
runAlignment: WrapAlignment.end, 纵轴对齐方式
children:<Widget>[...]
)
代码示例:
import "package:flutter/material.dart";
void main()
{
runApp(App());
}
class App extends StatelessWidget{
@override
Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
home:Scaffold(appBar: AppBar(title: Text("hh")),
body:Home()
)
,);
}
}
class Home extends StatelessWidget{
@override
Widget build(BuildContext context) {
// TODO: implement build
return Wrap(
spacing: 20, //左右组件间距
runSpacing: 30, //上下组件间距
alignment: WrapAlignment.spaceEvenly, //横轴对齐方式
runAlignment: WrapAlignment.end, //纵轴对齐方式
children: <Widget>[
Button(),
Button(),
Button(),
Button(),
Button(),
Button(),
Button(),
],
);
}
}
class Button extends StatelessWidget{
@override
Widget build(BuildContext context) {
// TODO: implement build
return RaisedButton(
child: Text('hh'),
textColor: Colors.yellow,//Theme.of(context).accentColor
onPressed: (){
},
color: Colors.red,
);
}
}