How do I add fake loading in Flutter app?

Question

My app doesn’t require to load anything but I want to give it a 2 second loading screen for visual perpose. How do I do it?

Answer 1

Create a DummyPage widget, which will take you to the YourHomePage (primary widget of your app) after 2 seconds.

Update: I used Timer earlier but it would require to import extra library, you can instead use Future.delayed as suggested by @anmol.majhail

void main() {
  runApp(MaterialApp(home: DummyPage()));
}

class DummyPage extends StatefulWidget {
  @override
  _DummyPageState createState() => _DummyPageState();
}

class _DummyPageState extends State<DummyPage> {
  @override
  void initState() {
    super.initState();
    // here is the logic 
    Future.delayed(Duration(seconds: 2)).then((__) {
      Navigator.push(context, MaterialPageRoute(builder: (_) => YourHomePage()));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(); // this widget stays here for 2 seconds, you can show your app logo here
  }
}