[Flutter]AppBarの背景(background)に画像(image)を表示するには？

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

AppBarの背景に画像を表示するには、どうしたらいいのでしょうか？

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
            title: Text('Sample'),
            flexibleSpace: Container(
              decoration: BoxDecoration(
              image: DecorationImage(
                  image: AssetImage('asset/images/dog-photo.jpg'),
                  fit: BoxFit.cover),
            )
          )
        ),
        body: Center());
  }

AppBarの背景に画像を表示するには、引数「flexibleSpace」を使います。

この引数に、表示する画像を指定します。

flexibleSpaceは、AppBarの背景に表示するウェジェットを指定できる引数です。