zoukankan      html  css  js  c++  java
  • GridView

    常用属性:

    • crossAxisSpacing:网格间的空当。
    • crossAxisCount:一行放置的网格数量
    body: GridView.count(
                padding: EdgeInsets.all(20.0),
                crossAxisSpacing: 10.0,
                crossAxisCount: 3,
                children: <Widget>[
                  const Text('I am j.y.d'),
                  const Text('I love flutter'),
                  const Text('jyd0124.com'),
                  const Text('2020/02/06'),
                  const Text('Come on,China!'),
                  const Text('Come on,Wuhan!'),
                ],
              ),

    官方已经不鼓励使用这种方法,另一种写法为

    body: GridView(
               gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                 crossAxisCount: 3,
                 mainAxisSpacing: 2.0,
                 crossAxisSpacing: 2.0,
                 childAspectRatio: 0.75,
                 ),
                children: <Widget>[
                  new Image.network('http://img5.mtime.cn/mg/2019/10/02/105324.67493314_170X256X4.jpg',fit:BoxFit.cover),
                  new Image.network('http://img5.mtime.cn/mg/2019/09/26/092514.83698073_170X256X4.jpg',fit:BoxFit.cover),
                  new Image.network('http://img5.mtime.cn/mg/2019/11/07/111316.10093613_170X256X4.jpg',fit:BoxFit.cover),
                  new Image.network('http://img5.mtime.cn/mg/2019/12/13/094432.64997517_170X256X4.jpg',fit:BoxFit.cover),
                  new Image.network('http://img31.mtime.cn/mt/2014/02/22/230757.74994253_220X124X4.jpg',fit:BoxFit.cover),
                  new Image.network('http://img5.mtime.cn/mg/2019/07/10/164947.40820910_170X256X4.jpg',fit:BoxFit.cover),
                ],
            ),
    • childAspectRatio:宽高比
    • mainAxisSpacing:横向网格空档 
    • crossAxisSpacing: 向纵向网格空挡
  • 相关阅读:
    java的-D命令行参数 mvn -D参数
    storm1.1运行时问题
    shell 日期转换
    storm单机运行与集群运行问题
    [log4j]Slf4j的包冲突
    搭建Spark源码研读和代码调试的开发环境
    Centos7配置
    mvn本地执行java程序
    HDP和HDF
    Django——如何在Django模板中注入全局变量?——part1
  • 原文地址:https://www.cnblogs.com/timba1322/p/12486589.html
Copyright © 2011-2022 走看看