Flutter mobile device image screen to large - flutter

Question

I am currently using android studio flutter to test my prototype I manage to run my template successfully onto the mobile device however template is to large and I dont know how to make the template smaller so that it would fit onto the screen
when you select this link you can be able to see what it looks like:
mobile device image link
import 'package:flutter/material.dart';
final Color darkBlue = Color.fromARGB(255, 18, 32,47);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
#override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: Image.network("https://i.stack.imgur.com/deB5P.png", fit: Boxfit.fill),
)
title: 'Flutter Demo',
// This is the theme of your application.
//
// Try running your application with "flutter run". You'll see the
// application has a blue toolbar. Then, without quitting the app, try
// changing the primarySwatch below to Colors.green and then invoke
// "hot reload" (press "r" in the console where you ran "flutter run",
// or simply save your changes to "hot reload" in a Flutter IDE).
// Notice that the counter didn't reset back to zero; the application
// is not restarted.
primarySwatch: Colors.blue,
),
),
);
}
}

Answer 1

You can use box constraints by giving width and height properties. If you want your app to be responsive you can use MediaQuery. And for image you can use fit property like Image.asset("image", fit: BoxFit.cover), to know more about constants of BoxFit refer this.
import 'package:flutter/material.dart';
final Color darkBlue = Color.fromARGB(255, 18, 32, 47);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
#override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
debugShowCheckedModeBanner: false,
home: YourImage(),
);
}
}
class YourImage extends StatelessWidget {
#override
Widget build(BuildContext context) {
return Container(
child: Center(
child: Image.asset("assets/images/logo.png", fit: BoxFit.fill),
),
);
}
}