[Flutter]ノッチ被りを回避できる便利Widget

mayatasomayataso

Flutterでアプリを作っていると、ステータスバーだったり、iPhoneX等の最近のスマホだとノッチがあったりで、OSや機種に依存してUIが上手く描画できないことが多々ある。

そんなときはSafeAreaウィジェットを使おう。

これを使えば、子ウィジェットをOSや機器に関わらず問題なく描画される範囲に留めることができるぞ。

class ModeSelect extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: null,
      body: SafeArea(
        child: Column(
          children: <Widget>[
            ...
          ],
        ),
      ),
    );
  }
}