背景图像不适合不同的屏幕

Question

我的应用程序中有背景图像，但在不同设备上的选项卡上它不是全屏，它显示顶部和底部的空白，在某些设备上它显示左侧和右侧的空白我已检查此属性适合：BoxFit.fill，适合：BoxFit.cover，fit：BoxFit.contain，这3个属性都不起作用。

import 'package:flutter/material.dart';
import 'package:launch_review/launch_review.dart';
import 'dart:async';
import 'package:flutter/services.dart';
import 'package:sweetalert/sweetalert.dart';
import 'news.dart';
import 'Social.dart';
import 'liveStreaming.dart';
import 'Contactus.dart';

const url = 'link is here';

class won extends StatelessWidget {

  @override
  Widget build(BuildContext context) {

    Future<bool> _onBackPressed() {
      return showDialog(
          context: context,
          builder: (context) => AlertDialog(
            title: Text("Do you want to exit?"),
            actions: <Widget>[
              FlatButton(
                  onPressed: () {
                    Navigator.pop(context, false);
                  },
                  child: Text("No")),
              FlatButton(
                  onPressed: () {
                    Navigator.pop(context, true);
                  },
                  child: Text("yes"))
            ],
          ));
    }

    return WillPopScope(
      child: Scaffold(
        body: Center(
          child: Stack(
            children: <Widget>[
              Center(
                child: Image.asset(
                  'imges/bg.png',
                  fit: BoxFit.fill,
                ),
              ),

            ],
          ),
        ),
      ), onWillPop: _onBackPressed,

    );
  }
}


void Orientatoin() {
  SystemChrome.setPreferredOrientations(
      [DeviceOrientation.landscapeLeft, DeviceOrientation.landscapeRight]);
}

Answer 1

如果您希望全屏显示，请将图像包裹在 SizedBox.expand 小部件上，而不是居中小部件上。

Answer 2

这对我来说是这样的：

Positioned.fill( child: SizedBox.expand( child: Container( width: MediaQuery.of(context).size.width, height: MediaQuery.of(context).size.height, decoration: BoxDecoration( image: DecorationImage( image: AssetImage(AppImages.yourimage), fit: BoxFit.fill, ), ), ),