[Flutter]SnackBarを複数行(multiline)にするには？

どうも、ちょげ(@chogetarou)です。

SnackBarを複数行にする方法を紹介します。

方法

SnackBarを複数行にする方法は２つあります。

１つは、エスケープシーケンスを使う方法です。

具体的には、表示するテキストの改行を入れたい場所に、「\n」を指定します。

ScaffoldMessenger.of(context).showSnackBar(
  SnackBar(
    content: Text('Snack\nMessage'),
  ),
);

もう１つは、Columnを使う方法です。

まず、SnackBarの引数「content」にColumnを指定します。

そして、Columnの引数「children」にテキスト、引数「mainAxisSize」にMainAxisSize.minを指定します。

SnackBar(
  content: Column(
    mainAxisSize: MainAxisSize.min,
    children: [
      Text('Snack'),
      Text('Message'),
    ],
  ),
),

SnackBarを複数行にするには、エスケープシーケンスもしくはColumnを使います。