flutter2环境下的ListView

实现效果:


image.png

可以作为分栏目滑动组件使用(水平滑动样式)

代码如下:

Container(
      height: 180.0,
      child: ListView(
        scrollDirection: Axis.horizontal,   // 水平设置
        children: [
          Container(
            width: 180.0,
            height: 180.0,
            color: Colors.red,
          ),
          Container(
            width: 180.0,
            height: 180.0,
            color: Colors.blue,
          ),
          Container(
            width: 180.0,
            height: 180.0,
            color: Colors.green,
          ),
          Container(
            width: 180.0,
            height: 180.0,
            color: Colors.yellow,
          ),
          Container(
            width: 180.0,
            height: 180.0,
            color: Colors.deepOrange,
          ),
          Container(
            width: 180.0,
            height: 180.0,
            color: Colors.lightBlue,
          ),
        ],
      ),
    );
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容