Flutterで売れるアプリを作ってみようPart16 デザインを統一してみた

デザインを統一したのでそれっぽくなってきました

最初はこちら、前回はこちら、次回はこちらを参照してください

今できているもの

背景、文字、ボタンのデザインを統一しました

フルスクリーンに対応しました

緑に統一したら少し和っぽくなった

Flutterで売れるアプリを作ってみようPart16　デザインを統一してみた https://t.co/J2hynLogPv pic.twitter.com/FoOu8OQWbY
— おとぼう (@otobou0320) August 14, 2021

文字のスタイルをすべてTheme.ofで取得することで、

後からデザインの変更することが容易になります

Text(
  'ほのぼのリバーシ',
  style: Theme.of(context).textTheme.headline1,
),

画面サイズによって２行になることを防ぐため、

FittedBoxで画面サイズに合わせた文字サイズにできます

FittedBox(
  fit: BoxFit.fitWidth,
  child: Text(
    'ほのぼのリバーシ',
    style: Theme.of(context).textTheme.headline1,
  ),
),

NeverScrollableScrollPhysicsを設定するとスクロールしなくなります

physics: NeverScrollableScrollPhysics()

ゲームの結果画面をおしゃれにしたい