3

**Hi there everyone I am quite new to flutter and have used it for 1 or 2 months my question is that is there is any possible way that I can add the full-screen image as a splash screen for my application? I am stuck here I tried so many methods they are not working as a I want **

6
  • 2
    Use this package flutter_native_splash Commented Sep 27, 2021 at 21:20
  • yes i tried it bro but i won't allow me to use full screen Commented Sep 27, 2021 at 21:24
  • 1
    Have a look at this solution might help you out Commented Sep 27, 2021 at 21:26
  • 1
    i've found a way using the flutter_splash_native package we can place an image as a background image as a splash screen image Commented Sep 30, 2021 at 4:42
  • @MuhammadOsamaQureshi how did you do it with flutter_splash_native? Commented May 18, 2022 at 10:49

1 Answer 1

3
 import 'package:flutter/material.dart'; class Splash extends StatefulWidget { @override _SplashState createState() => _SplashState(); } class _SplashState extends State<Splash> { @override void initState() { Future.delayed(Duration(seconds: 3), () { Navigator.push( context, MaterialPageRoute( builder: (context) => CalendarWidget(title: 'Calendar'))); }); super.initState(); } @override Widget build(BuildContext context) { return Scaffold( body: Container( width: MediaQuery.of(context).size.width, height: MediaQuery.of(context).size.height, child: Image.network( 'https://images.pexels.com/photos/1987301/pexels-photo-1987301.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500', fit: BoxFit.cover, ), ), ); } } 
Sign up to request clarification or add additional context in comments.

7 Comments

Use the image asset by yourself like if you want to use a url or Asset Image. And replace the Navigator next screen to your required Class.
is that really a splash screen cuz it won't load at the initialization of the application i guess
As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.
Start your Application with this screen , from 'main.dart' and it'll load on the start. After this screen , you can wait at take the user to any screen you wanted.
It helps more if you supply an explanation why this is the preferred solution and explain how it works. We want to educate, not just provide code.
|

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.