Flutter数据库交互插件supabase_hooks的使用

Unofficial Supabase生命周期适配器，用于flutter_hooks。 可以在原始包中查看更多信息： https://github.com/supabase/supabase-flutter

注意：此库完全处于实验阶段，不建议在生产环境中使用。

与LifeHook相同，除了你可以覆盖更多特定于Supabase认证生命周期的方法。

AuthRequiredState useAuthRequiredState({
  required final NavigatorState navigator,
}) => use(
      LifeHook(
        debugLabel: 'AuthRequiredState',
        state: AuthRequiredState(
          navigator: navigator,
        ),
      ),
    );

class AuthRequiredState extends SupabaseAuthRequiredLifeState {
  AuthRequiredState({
    required this.navigator,
  });
  final NavigatorState navigator;
  [@override](/user/override)
  void onUnauthenticated() {
    /// 用户如果注销将被重定向到LoginPage。
    if (mounted) {
      /// 用户如果注销将被重定向到LoginPage。
      navigator
          .pushNamedAndRemoveUntil('/login', (final route) => false);
    }
  }
}

或者使用：

AuthState useAuthState({
  required NavigatorState navigator,
}) => use(
      LifeHook(
        debugLabel: 'AuthState',
        state: AuthState(
          navigator: navigator,
        ),
      ),
    );

class AuthState extends SupabaseAuthLifeState {
  AuthState({
    required this.navigator,
  });
  final NavigatorState navigator;
  [@override](/user/override)
  void onUnauthenticated() {
    if (mounted) {
      navigator
          .pushNamedAndRemoveUntil('/', (final route) => false);
    }
  }

  [@override](/user/override)
  void onAuthenticated(final Session session) {
    if (mounted) {
      navigator
          .pushNamedAndRemoveUntil('/', (final route) => false);
    }
  }

  [@override](/user/override)
  void onPasswordRecovery(final Session session) {}

  [@override](/user/override)
  void onErrorAuthenticating(final String message) {
    navigator.context.showErrorSnackBar(message: message);
  }
}

示例代码

以下是一个完整的示例，展示了如何在Flutter应用中使用supabase_hooks插件进行认证状态管理。

主文件 main.dart

import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:supabase_flutter/supabase_flutter.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Supabase.initialize(
    url: 'https://your-supabase-url.supabase.co',
    anonKey: 'your-anon-key',
  );
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AuthWrapper(),
    );
  }
}

class AuthWrapper extends HookWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    final authState = useAuthState(navigator: Navigator.of(context));

    return authState.maybeWhen(
      authenticated: () => HomePage(),
      unauthenticated: () => LoginPage(),
      orElse: () => LoadingPage(),
    );
  }
}

class HomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      body: Center(
        child: Text('Welcome to Home Page!'),
      ),
    );
  }
}

class LoginPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Login Page'),
      ),
      body: Center(
        child: Text('Please login to continue.'),
      ),
    );
  }
}

class LoadingPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Loading Page'),
      ),
      body: Center(
        child: CircularProgressIndicator(),
      ),
    );
  }
}