Flutter 基礎(chǔ)控件之GridView 瀑布流

class MyGridVuew extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
  // color: Colors.lightBlue,
  child: GridView(
    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 4, //列數(shù)
      mainAxisSpacing: 2.0, //行間距
      crossAxisSpacing: 2.0, //列間距
      childAspectRatio: 0.8, //寬高比 寬相對于高的倍數(shù)
    ),
    children: <Widget>[
      new Image.network(
        'http://img31.mtime.cn/mt/2014/03/07/123549.37376649_96X128.jpg',
        fit: BoxFit.cover,
      ),
      new Image.network(
          'http://img31.mtime.cn/mt/2014/01/06/105446.89493583_96X128.jpg',
          fit: BoxFit.cover),
      new Image.network(
          'http://img31.mtime.cn/mt/2014/06/17/145457.44209161_96X128.jpg',
          fit: BoxFit.cover),
      new Image.network(
          'http://img31.mtime.cn/mt/2013/11/29/102947.25583478_96X128.jpg',
          fit: BoxFit.cover),
      new Image.network(
          'http://img31.mtime.cn/mt/2016/07/28/145303.88789702_96X128.jpg',
          fit: BoxFit.cover),
      new Image.network(
          'http://img31.mtime.cn/mt/2013/11/20/172527.42989246_96X128.jpg',
          fit: BoxFit.cover),
      new Image.network(
          'http://img31.mtime.cn/mt/2014/09/12/102734.13658001_96X128.jpg',
          fit: BoxFit.cover),
    ],
  ),
);
}
}

效果如下:


效果圖
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容