Изображение не отображается в полную ширину на экране spla sh

Question

Я использую следующий код для отображения изображения как spla sh screen:

class WelcomeWidget extends StatefulWidget {
  static const routeName = '/welcome_page';

  @override
  _WelcomeWidgetState createState() => _WelcomeWidgetState();
}

class _WelcomeWidgetState extends State<WelcomeWidget> {
  @override
  void initState() {
    
    super.initState();
    Timer(
      Duration(seconds: 10),
      () => Navigator.of(context).pushReplacement(
        MaterialPageRoute(
          builder: (_) => LowerStripWidget(),
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      
      body: 
      Container(
        child:Center(
        child: Image.asset('assets/images/Splash-Screen-bg.png'),       
      ),
      width: double.infinity,
     
      ),
    );
  }
}

Это показывает изображение, но не растягивает изображение для заполнения пустого пространства. Как это сделать во флаттере?

Вот текущий экран:

введите описание изображения здесь

Answer 1

Вы можете использовать свойство fit виджета Image, чтобы определить, как вписать изображение в пространство, выделенное во время макета.

Я добавил пример, используя ваш код:

Image.asset(
    'assets/images/Splash-Screen-bg.png',
     // set the fit property to cover
     it: BoxFit.cover, // new line
 ),