Moyo: グリッド表示

August 8, 2019

ゲーム的なものを描きたくなったので、その土台として全画面にグリッド表示をしてみました。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    return SafeArea(
      child: LayoutBuilder(
        builder: (BuildContext context, BoxConstraints constraints) {
          return Container(
            child: CustomPaint(
              painter: _MyPainter(
                width: constraints.maxWidth,
                height: constraints.maxHeight,
              ),
            ),
          );
        },
      ),
    );

こんな感じで書くことで、SafeArea内の領域を取得しています。

あとはひたすらdrawRectしているだけです。

今回のコミットはこちら。

https://github.com/tnantoka/moyo/commit/20c4df54dc7e2f4bf7489be91bb6660f27cbb426

調整無しでWebでも動きました。