如何正确创建 FlutterFire 期望在网络上进行电话身份验证的容器？

Question

我正在处理FlutterFire 的文档我正在尝试在网络上实现电话登录。该指南似乎建议 RecaptchaVerifier 是一个可选参数：FirebaseAuth auth = FirebaseAuth.instance// Wait for the user to complete the reCAPTCHA & for a SMS code to be sent.ConfirmationResult confirmationResult = await auth.signInWithPhoneNumber('[phone]');但是，当我尝试使用该方法时，我被迫为 RecaptchaVerifier 提供一个参数：我已经验证我使用的是正确版本的库 -- firebase_auth: "^0.18.0+1"。那么，为了正确显示 Recaptcha 验证器，我该如何在指定 ID 的 DOM 上创建一个元素？我在他们的 Github 中找到了以下相关代码，这些代码显示了如何访问该元素，但是我对源代码的具体了解不多。该怎么办？

Answer 1

是的，所以我经历过同样的问题。这里的问题是文档与 PR 不同步：更改文档的 PR 已合并，但您使用的插件 firebase_auth 尚未更改，因此您仍然拥有旧插件和新文档 ..所以解决方案是：

你必须像下面这样在你的 pubspec 依赖项中精确提交插件：

firebase_auth: 

    git:

      url: https://github.com/FirebaseExtended/flutterfire

      path: packages/firebase_auth/firebase_auth

      ref: 4a05ceba74c805bc5528137d40c75865cd21d687

并且也在 dependencies_override 下面，像这样（如果不存在，添加它，在 dev_dependencies 部分下面）：

dependency_overrides:

  firebase_auth_web:

    git:

      url: https://github.com/FirebaseExtended/flutterfire

      path: packages/firebase_auth/firebase_auth_web

      ref: 4a05ceba74c805bc5528137d40c75865cd21d687

  firebase_auth_platform_interface:

    git:

      url: https://github.com/FirebaseExtended/flutterfire

      path: packages/firebase_auth/firebase_auth_platform_interface

      ref: 4a05ceba74c805bc5528137d40c75865cd21d687

顺便说一句，你需要覆盖依赖项的原因是因为 firebase_auth 插件，精确提交仍然使用旧版本的 flutter web 插件