欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

《Flutter 控件大全》第五十个:GridPaper

程序员文章站 2022-05-30 19:36:00
...
  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

GridPaper

绘制一个像素宽度的直线网格,用法如下:

GridPaper(
	color: Colors.red,
)

效果如下:

《Flutter 控件大全》第五十个:GridPaper

interval参数表示2条线之间的间隔,默认是100逻辑像素,注意单位是逻辑像素,而不是物理像素。

divisions参数表示每个主网格的分割数。

subdivisions参数表示次网格的分割数,包含它自身。

设置200x200的区域,绘制网格,divisionssubdivisions都为1,代码如下:

Container(
  height: 200,
  width: 200,
  child: GridPaper(
    color: Colors.red,
    divisions: 1,
    subdivisions: 1,
  ),
)

divisions设置为1、2、4效果如下:

《Flutter 控件大全》第五十个:GridPaper

divisions为2,subdivisions设置为1、2、4效果如下:

《Flutter 控件大全》第五十个:GridPaper