Flutter Firebase认证集成插件rdev_riverpod_firebase_auth的使用

好的，根据您的要求，下面是关于“Flutter Firebase认证集成插件rdev_riverpod_firebase_auth的使用”的完整内容及示例代码。

Flutter Firebase认证集成插件rdev_riverpod_firebase_auth的使用

本插件提供了使用Riverpod与Firebase Auth进行简单集成的方法。

安装插件

首先，在pubspec.yaml文件中添加以下依赖：

dependencies:
  rdev_riverpod_firebase_auth: ^版本号

然后运行flutter pub get以安装插件。

初始化Firebase

在应用启动时初始化Firebase。通常在main.dart文件中完成这一操作：

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:rdev_riverpod_firebase_auth/rdev_riverpod_firebase_auth.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(); // 初始化Firebase
  runApp(MyApp());
}

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

创建AuthWrapper

创建一个AuthWrapper来处理用户身份验证状态，并根据用户登录状态导航到不同的页面。

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

class AuthWrapper extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return StreamBuilder<User?>(
      stream: FirebaseAuth.instance.authStateChanges(),
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.active) {
          final user = snapshot.data;
          if (user != null) {
            // 用户已登录，导航到主页
            return HomePage();
          } else {
            // 用户未登录，导航到登录页
            return LoginPage();
          }
        }
        // 显示加载指示器
        return CircularProgressIndicator();
      },
    );
  }
}

创建LoginPage

创建一个登录页面，允许用户通过电子邮件和密码登录。

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

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

class _LoginPageState extends State<LoginPage> {
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();

  Future<void> _signInWithEmailAndPassword() async {
    try {
      await FirebaseAuth.instance.signInWithEmailAndPassword(
        email: _emailController.text,
        password: _passwordController.text,
      );
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('登录失败: $e')),
      );
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('登录')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _emailController,
              decoration: InputDecoration(labelText: '邮箱'),
            ),
            TextField(
              controller: _passwordController,
              obscureText: true,
              decoration: InputDecoration(labelText: '密码'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _signInWithEmailAndPassword,
              child: Text('登录'),
            ),
          ],
        ),
      ),
    );
  }
}

创建HomePage

创建一个主页，显示用户的当前信息。

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

class HomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('主页')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('欢迎你！'),
            TextButton(
              onPressed: () {
                FirebaseAuth.instance.signOut(); // 登出
              },
              child: Text('登出'),
            ),
          ],
        ),
      ),
    );
  }
}