Flutter Splash screen with curved custom bottom sheet and dots indicator

Curved Splash Screen using flutter – A Splash screen with curved custom bottom sheet and dots indicator within it.

Curved Splash Screen

A Splash screen with curved custom bottom sheet and dots indicator within it. custom flutter Splash Screen

You can add your custom splash screens according to it’s index.
You can change any color of the items of the bottom sheet.
You can specify the text of back and skip button and their color.
All items in the bottom sheet is responsive to the screen size.

<img decoding= — custom flutter Splash Screen

Usage

 class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: CurvedSplashScreen(
          screensLength: splashContent.length,
          screenBuilder: (index) {
            return SplashContent(
              title: splashContent[index]["title"],
              image: splashContent[index]["image"],
              text: splashContent[index]["text"],
            );
          },
          onSkipButton: () {
            print("Ends");
          }),
    );
  }
}

Dart

Usage Scenarios

When You like to add Splash or Landing page at the beginning of your application

Inspiration

Rakib Kowshar

Resources Used:

You can check out the entire code of this App here:

Get Full Source Code

View Github

download source code

Conclusion

This was all about a quick go through the basic flutter App UI Screen. If you need any assistance regarding flutter app development, you can consult a flutter developer from FlutterDesk. We would love to be of help. Still, if you feel any difficult while dealing with Flutter app development projects, you can reach out to us or hire Flutter developers to outsource any of your app development project.

Do like & share my Facebook page. if you find this post helpful. Thank you!!

Happy coding! 😉

Post Views: 7