Flutter认证管理插件ny_auth_slate的使用

当然，下面是一个关于如何在Flutter项目中使用ny_auth_slate插件进行认证管理的代码示例。这个插件通常用于处理用户的登录、注册以及认证状态管理。

首先，确保你已经在pubspec.yaml文件中添加了ny_auth_slate依赖：

dependencies:
  flutter:
    sdk: flutter
  ny_auth_slate: ^latest_version  # 请替换为实际最新版本号

然后运行flutter pub get来安装依赖。

接下来，我们来看一个基本的实现示例：

1. 初始化认证服务

首先，你需要初始化AuthService，这通常是在你的应用启动时进行的。

import 'package:flutter/material.dart';
import 'package:ny_auth_slate/ny_auth_slate.dart';

void main() {
  // 初始化AuthService
  final authService = AuthService(
    apiKey: 'your_api_key', // 替换为你的API密钥
    authEndpoint: 'https://your-auth-endpoint.com/auth', // 替换为你的认证端点
  );

  runApp(MyApp(authService: authService));
}

class MyApp extends StatelessWidget {
  final AuthService authService;

  MyApp({required this.authService});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AuthWrapper(
        authService: authService,
        builder: (context, user) {
          return user == null
              ? LoginScreen()
              : HomeScreen(user: user);
        },
      ),
    );
  }
}

2. 登录屏幕

创建一个简单的登录屏幕，用户可以输入用户名和密码进行登录。

import 'package:flutter/material.dart';
import 'package:ny_auth_slate/ny_auth_slate.dart';

class LoginScreen extends StatefulWidget {
  @override
  _LoginScreenState createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {
  final AuthService _authService;
  final _formKey = GlobalKey<FormState>();
  String _email = '';
  String _password = '';

  _LoginScreenState({required AuthService authService}) : _authService = authService;

  void _submit() async {
    if (_formKey.currentState!.validate()) {
      _formKey.currentState!.save();

      try {
        final user = await _authService.login(email: _email, password: _password);
        // 登录成功后通常会将用户数据传递到上层
        // 这里我们简单地打印用户信息
        print('User logged in: $user');
        // 在实际应用中，你可能希望导航到另一个屏幕
      } catch (e) {
        print('Login failed: $e');
        // 显示错误信息
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Login')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          key: _formKey,
          child: Column(
            children: <Widget>[
              TextFormField(
                decoration: InputDecoration(labelText: 'Email'),
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Please enter your email';
                  }
                  return null;
                },
                onSaved: (value) {
                  _email = value!;
                },
              ),
              TextFormField(
                decoration: InputDecoration(labelText: 'Password'),
                obscureText: true,
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Please enter your password';
                  }
                  return null;
                },
                onSaved: (value) {
                  _password = value!;
                },
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: _submit,
                child: Text('Login'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

3. 主屏幕

一旦用户登录成功，他们将被导航到主屏幕。

import 'package:flutter/material.dart';

class HomeScreen extends StatelessWidget {
  final Map<String, dynamic> user;

  HomeScreen({required this.user});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Home')),
      body: Center(
        child: Text('Welcome, ${user['email']}!'),
      ),
    );
  }
}

4. AuthWrapper

AuthWrapper是一个自定义组件，用于根据用户的认证状态显示不同的屏幕。

import 'package:flutter/material.dart';
import 'package:ny_auth_slate/ny_auth_slate.dart';

class AuthWrapper extends StatefulWidget {
  final AuthService authService;
  final Widget Function(BuildContext context, Map<String, dynamic>?) builder;

  AuthWrapper({required this.authService, required this.builder});

  @override
  _AuthWrapperState createState() => _AuthWrapperState();
}

class _AuthWrapperState extends State<AuthWrapper> {
  Map<String, dynamic>? _user;

  @override
  void initState() {
    super.initState();
    widget.authService.onAuthStateChanged.listen((user) {
      setState(() {
        _user = user;
      });
    });

    // 初始化时获取当前认证状态
    widget.authService.currentUser().then((user) {
      setState(() {
        _user = user;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return widget.builder(context, _user);
  }
}

这个示例展示了如何使用ny_auth_slate插件进行基本的认证管理。根据具体需求，你可能需要扩展这个示例，比如添加注册功能、处理登出、持久化用户会话等。请确保查阅ny_auth_slate的官方文档以获取更多高级用法和配置选项。