Flutter 流式布局(Wrap)

Flutter 流式布局(Wrap)Wrap为流布局,当子控件在一行空间不够时用来换行显示

Wrap主要属性如表所示:
Flutter 流式布局(Wrap)

各个属性的用法如下所示:

Wrap(
  direction: Axis.horizontal,
  spacing: 5,
  alignment: WrapAlignment.center,
  runSpacing: 10,
  textDirection:TextDirection.rtl ,
verticalDirection: VerticalDirection.up,
  children: <Widget>[
RaisedButton(child: Text('Flutter 实战入门1'),),
RaisedButton(child: Text('Flutter 实战入门2'),),
RaisedButton(child: Text('Flutter 实战入门3'),),
RaisedButton(child: Text('Flutter 实战入门4'),),
RaisedButton(child: Text('Flutter 实战入门5'),),
  ],
)

运行效果如图所示:
Flutter 流式布局(Wrap)

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!