Flutter Wrap组件

最新推荐文章于 2024-08-11 16:54:24 发布

神也会困

最新推荐文章于 2024-08-11 16:54:24 发布

阅读量379

点赞数 1

分类专栏： Flutter 文章标签： Flutter Wrap

本文链接：https://blog.csdn.net/qq_42572245/article/details/106638799

版权

Flutter 专栏收录该内容

32 篇文章 1 订阅

订阅专栏

Wrap组件的属性

在这里插入图片描述

//Wrap组件
class HomeContext extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Container(
      height: 500,
      width: 300,
      color: Colors.cyan,
      child: Wrap(
        //direction: Axis.vertical,//把主轴变成纵轴
        spacing: 30,
        alignment: WrapAlignment.start,
        runSpacing: 20,
        runAlignment: WrapAlignment.end,
        children: <Widget>[
          MyButton('玄幻'),
          MyButton('奇幻'),
          MyButton('武侠'),
          MyButton('仙侠世界仙侠世界'),
          MyButton('都市'),
          MyButton('现实'),
          MyButton('轻小说'),
          MyButton('军事军事军事'),
          MyButton('历史'),
        ],
      ),
    );
  }
}

//自定义按钮
class MyButton extends StatelessWidget{
  final String text;

  const MyButton(this.text,{Key key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return RaisedButton(
      child: Text(text),
      textColor: Theme.of(context).accentColor,
      onPressed: (){
      },
    );
  }
}