弯曲的启动屏

一个带有圆滑自定义底部页面和其中圆点指示器的闪屏页。

弯曲的启动屏

一个带有圆滑自定义底部页面和其中圆点指示器的闪屏页。

  • 您可以根据其索引添加自定义的启动屏。

  • 您可以更改底部工作表(bottom sheet)中任何项目的颜色。

  • 您可以指定后退按钮和跳过按钮的文本及其颜色。

  • 底部工作表中的所有项目都响应屏幕尺寸。

    Image Image Image

用法

 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");
          }),
    );
  }
}

使用场景

  • 当您想在应用程序开头添加启动页或登陆页时

灵感

GitHub

https://github.com/hosain-mohamed/curved_splash_screen