Flutter启动画面插件secondsplash的使用

SecondSplash

实现了在原生启动画面结束后实现平滑过渡的Flutter启动画面。

为什么使用这个插件？

大多数插件都是通过计时器来关闭启动画面的，因此你需要猜测启动画面将在多少秒后关闭。这个插件旨在解决这一不足之处，允许你手动关闭启动画面，当你认为所有内容都准备就绪时即可关闭。

注意
这不是原生启动画面
建议与其他原生启动画面插件结合使用以获得最佳效果。

如何关闭启动画面？

1. 首先初始化启动画面控制器：

SplashController splashController = SplashController();

1. 然后将控制器添加到启动画面中：

SecondSplash(
    controller: splashController,
    ...
</code></pre>
</section>

3. 当准备好时，关闭启动画面：

```dart
splashController.close();

使用/示例

以下是一个完整的示例代码，展示了如何使用secondsplash插件：

import 'package:flutter/material.dart';

import 'package:secondsplash/secondsplash.dart';
import 'package:shared_preferences/shared_preferences.dart';

import 'page/auth.dart';
import 'page/home.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  SplashController splashController = SplashController();

  bool loggedIn = false;

  [@override](/user/override)
  void initState() {
    super.initState();
    checkLogin();
  }

  void checkLogin() async {
    // 检查用户是否已登录
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      loggedIn = prefs.getBool("loggedIn") ?? false;
    });

    // 准备完成后关闭启动画面
    splashController.close();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: SecondSplash(
        controller: splashController,

        // 可选配置项
        // systemUiOverlayStyle: SystemUiOverlayStyle(
        //   statusBarColor: Colors.transparent,
        //   statusBarBrightness: Brightness.light,
        //   systemNavigationBarColor: Colors.white,
        //   systemNavigationBarIconBrightness: Brightness.dark,
        // ),

        // 可选背景装饰
        // decoration: BoxDecoration(
        //   color: Colors.white,
        // ),

        // 可选自定义加载动画
        // child: Center(
        //   child: Container(
        //     height: 60,
        //     child: Column(
        //       children: [
        //         Container(
        //           width: 20,
        //           height: 20,
        //           child: CircularProgressIndicator(
        //             color: Colors.white,
        //             strokeWidth: 1,
        //           ),
        //         ),
        //         SizedBox(
        //           height: 10,
        //         ),
        //         Text(
        //           "Loading Data",
        //           style: TextStyle(
        //             color: Colors.white,
        //           ),
        //         ),
        //       ],
        //     ),
        //   ),
        // ),

        // 根据登录状态跳转页面
        next: loggedIn ? Home() : Auth(),
      ),
    );
  }
}