1. ホーム
  2. ヒラメキ

[解決済み】Flutterで背景画像を設定する方法は?

2022-04-02 05:01:31

質問

トップページの背景画像を設定しようとしています。画像の位置は画面の先頭から取得し、幅を埋めていますが、高さは満たしていません。 私のコードに何かが欠けているのでしょうか?flutterの画像規格はありますか?画像は各携帯電話の画面解像度に基づいて拡大縮小されるのでしょうか?

class BaseLayout extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return new Scaffold(
      body: new Container(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            new Image.asset("assets/images/bulb.jpg") 
          ]
        )
      )
    );
  }
}

解決方法は?

ご質問の意味がよくわからないのですが、画像を画面いっぱいに表示させたい場合には DecorationImage のフィットで BoxFit.cover .

class BaseLayout extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/images/bulb.jpg"),
            fit: BoxFit.cover,
          ),
        ),
        child: null /* add child content here */,
      ),
    );
  }
}

2つ目の質問については、以下の通りです。 ドキュメント 解像度依存のアセット画像をアプリに埋め込む方法について。