PhoneAuthProvider.credential 令人困惑的返回类型

Question

这两个怎么不一样

export default function App() { return ( <div> <Navbar /> <BrowserRouter> <Switch> <Route exact path="/" component={RecipeList} /> <Route path="/recipe" component={Recipe} /> <Route component={Error} /> </Switch> </BrowserRouter> <Footer /> </div> ); } import React from 'react'; import { Link } from 'react-router-dom'; export default function Recipe() { return ( <div> <Link to="/recipe">Recipe</Link> </div> ); } 在 vscode 上

PhoneAuthProvider.credential

AuthCredential credential( {required String verificationId, required String smsCode} ) 在 docs

PhoneAuthProvider.credential

这就是我如何使用 PhoneAuthProvider.credential

PhoneAuthCredential credential(
{required String verificationId,
required String smsCode}
)

导致此错误

final PhoneAuthCredential phoneAuthCredential =
          PhoneAuthProvider.credential(
              verificationId: editProfileController.verificationId,
              smsCode: smsCode);

Answer 1

PhoneAuthCredential 仅表示电话号码身份验证，而 auth 凭证表示不同类型的身份验证，例如 emailAuthCreadential、oAuthcredential 以及 phoneAuthCredential。这就是为什么这两个不一样的原因。 为了更好地理解，您应该遵循link

Answer 2

搞定了！只需将 AuthCredential 转换为 PhoneAuthCredential

final PhoneAuthCredential phoneAuthCredential =
          PhoneAuthProvider.credential(
              verificationId: editProfileController.verificationId,
              smsCode: smsCode) as PhoneAuthCredential;