如何在 flutter 中将 email/pass、phone 和 google 的 Firebase 身份验证添加到现有的 UI

Question

所以基本上，我已经为登录、注册等屏幕制作了 UI，现在我想在其中实施 firebase，有人知道该怎么做吗？任何东西都可能有用

Answer 1

这里有一个关于如何做到这一点的快速回顾，虽然我真的建议阅读 firebase 的官方tutorial，

首先您需要添加 firebase 插件：

转到 firbase_auth 发布页面，然后按照那里的“安装”说明进行操作
打开一个 firebase 帐户，使用 firebase console, and follow the tutorial 添加项目以将您在网站上创建的 firebase 项目连接到您的应用程序
现在假设您有一些文本字段和一个 register/log 按钮，您想向文本字段添加一个“控制器”：

  final controller = TextEditingController();

然后在按钮的 onPressed 中，您要提供一个调用以下函数的函数：

String resultText = controller.text

现在您可以使用 resultText 字符串并将其发送到 firebase（对 2 个控制器执行相同操作，一个用于电子邮件，一个用于密码）

首先初始化 firebase 实例：

import 'package:firebase_auth/firebase_auth.dart';
FirebaseAuth auth = FirebaseAuth.instance;

然后您可以在您的应用程序中的任何地方调用（例如，使用您从文本字段的控制器获得的字符串变量）：

UserCredential result = await auth.createUserWithEmailAndPassword(
      email: email, password: password);
User user = result.user;

然后您可以检查是否成功接收到用户，并相应地进入下一个屏幕

这只是一个注册示例，您将需要不同的代码来检查用户是否在登录时存在，但这都是通过身份验证 api，您可以在第一个 [=51] 中继续阅读=] 我提供了

这只是为您提供完成此操作所需步骤的示例，我过度简化了内容，但应该让您入门:)

How to add Firebase authentication for email/pass, phone, and google to an existing UI in flutter