- 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
- 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
- Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。
GridPaper
绘制一个像素宽度的直线网格,用法如下:
GridPaper(
color: Colors.red,
)
效果如下:
interval
参数表示2条线之间的间隔,默认是100逻辑像素,注意单位是逻辑像素,而不是物理像素。
divisions
参数表示每个主网格的分割数。
subdivisions
参数表示次网格的分割数,包含它自身。
设置200x200的区域,绘制网格,divisions
和subdivisions
都为1,代码如下:
Container(
height: 200,
width: 200,
child: GridPaper(
color: Colors.red,
divisions: 1,
subdivisions: 1,
),
)
divisions
设置为1、2、4效果如下:
将divisions
为2,subdivisions
设置为1、2、4效果如下: