可容纳一个组件,在其上绘制网格。可指定颜色、线宽、间距等属性。

GridPage基础属性

【child】: 子组件 【Widget】
【color】: 颜色 【Color】
【interval】: 小块边长 【double】
image.png

  1. import 'package:flutter/material.dart';
  2. class CustomGridPage extends StatelessWidget {
  3. @override
  4. Widget build(BuildContext context) {
  5. return Container(
  6. width: 200,
  7. height: 100,
  8. child: GridPaper(
  9. color: Colors.red,
  10. interval: 50,
  11. child: Image.asset(
  12. "assets/images/wy_300x200.jpg",
  13. fit: BoxFit.cover,
  14. )));
  15. }
  16. }

GridPage再分割

【child】: 子组件 【Widget】
【color】: 颜色 【Color】
【subdivisions】: 小块中子块个数 【int】
【divisions】: 小块中子块的分割数 【int】
image.png

import 'package:flutter/material.dart';
class DivisionsGridPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
        width: 200,
        height: 100,
        child: GridPaper(
            color: Colors.red,
            interval: 50,
            divisions: 4,
            subdivisions: 4,
            child: Image.asset(
              "assets/images/wy_300x200.jpg",
              fit: BoxFit.cover,
            )));
  }
}