Membuat Splash Screen

Siapkan main.dart, splashscreen.dart dan tampilanselanjutnya.dart

Letakkan main.dart di dalam lib dan buat folder bernama pages, di dalam pages berisi splashscreen.dart dan tampilanselanjutnya.dart

Susunan Folder

• main.dart

import 'package:flutter/material.dart';
import 'package:nama_app/pages/splashscreen.dart';

void main() async {

  WidgetsFlutterBinding.ensureInitialized();
  
  runApp(NamaApp());
}

class NamaApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: SplashScreen(),
    );
  }
}

• splashscreen,dart

import 'package:flutter/material.dart';
import 'package:nama_app/pages/tampilanselanjutnyapage.dart';

class SplashScreen extends StatefulWidget {
  const SplashScreen({super.key});

  @override
  State<SplashScreen> createState() => _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen> {
  @override
  void initState() {
    super.initState();
    _navigateToDashboard();
  }

  _navigateToDashboard() async {
    await Future.delayed(Duration(milliseconds: 3000));

    Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => TampilanselanjutnyaPage())
    );

  }

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Column(
          children: [
            Text(
              'Test',
              style: TextStyle
              (color: Colors.white,
                fontSize: 20,
                fontWeight: FontWeight.w300,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

• tampilanselanjutnya.dart

import 'package:flutter/material.dart';

class Tampilanselanjutnya extends StatefulWidget {
  const Tampilanselanjutnya({super.key});

  @override
  State<Tampilanselanjutnya> createState() => _Tampilanselanjutnya();
}

class _Tampilanselanjutnya extends State<Tampilanselanjutnya> {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: SafeArea(
        child: Scaffold(
            body: Column(
              children: [
                Text('Test'),
              ],
            ),
        ),
      ),
    );
  }
}