[解決済み】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つ目の質問については、以下の通りです。 ドキュメント 解像度依存のアセット画像をアプリに埋め込む方法について。
関連
-
[解決済み】zsh: コマンドが見つかりません: flutter 【終了しました
-
flutter,コマンド PhaseScriptExecution が 0 以外の終了コードで失敗しました。
-
[解決済み] 同じ要素にbackground-imageとCSS3グラデーションを組み合わせるにはどうすればよいですか?
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み】起動ロックを解除するために別のflutterコマンドを待機する
-
[解決済み】flutterはアプバー上の戻るボタンを削除します。
-
[解決済み] ボタンの幅を親と同じにするには?
-
[解決済み] アップバーのタイトルを中央揃えにする方法
-
[解決済み] Flutter FirestoreでD8が発生:要求されたクラスを単一のdexファイルに収められない (# methods: 71610 > 65536) in Android Studio
-
[解決済み] 画面の高さと幅の決め方
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】zsh: コマンドが見つかりません: flutter 【終了しました
-
[解決済み] Flutter TextButton splashColor プロパティ
-
[解決済み] Flutter - くねくね動くアニメーションを作るには?
-
[解決済み] flutterで文字に下線を引く方法
-
[解決済み] FlutterでborderRadiusを使用してコンテナにボーダーを追加する
-
[解決済み】Flutterで少し遅れてからコードを実行する方法は?
-
[解決済み】再利用可能なウィジェットを作成するための関数とクラスの違いは何ですか?
-
[解決済み] ボタンの幅を親と同じにするには?
-
[解決済み] フラッター エキスパンドとフレキシブル
-
[解決済み] Flutterアプリのビルド番号とバージョン番号を取得する方法