Flutter 集合组件

122 阅读1分钟

flutter_swiper

Git地址

flutter最强大的siwiper, 多种布局方式,无限轮播,Android和IOS双端适配.

视频播放

dependencies:
  chewie: <latest_version>  //视频播放器UI控制器
  video_player: <latest_version>   //视频播放器

Wrap

Wrap 可以实现流布局,单行的 Wrap 跟 Row 表现几乎一致,单列的 Wrap 则跟 Row 表 现几乎一致。但 Row 与 Column 都是单行单列的,Wrap 则突破了这个限制,mainAxis 上空 间不足时,则向 crossAxis 上去扩展显示。

一般也有建议用Wrap 代替 ListView,因为它只构建当前在屏幕上可见的小部件.

Widget build(BuildContext context) {
        return Container(
            height:400,
            width:400,
            color:Colors.pink,
            child: Wrap(
            
                // 横向的间距
                spacing: 20,
                // 纵向的间距
                runSpacing: 5,
                // 横向的对齐方式
                alignment: WrapAlignment.start,
                // 纵向的对齐方式
                runAlignment: WrapAlignment.start,
                // 排列主轴方向,默认为横轴
                direction: Axis.vertical,
                
                children: <Widget>[
                    MyButton("第1集"),
                    MyButton("第2集"),  
                    MyButton("第3集"),  
                    MyButton("第4集"),  
                    MyButton("第5集"),
                    MyButton("第6集"),  
                    MyButton("第7集"),
                    MyButton("第8集"),  
                    MyButton("第9集"),
                    MyButton("第10集"),  
                    MyButton("第11集"),
                ],
            )
        );
    }