firebase - 在等待 Firebase 身份验证时在 native 应用程序中显示加载微调器

Question

我想在等待 Firebase 身份验证的同时在我的 native 应用程序中实现加载微调器。
这是我的登录功能:

async (email, password) => {
    try {
      await auth().signInWithEmailAndPassword(email, password);
    } catch (e) {
      alert(e);
    }
}

提前感谢您的回答!

Answer 1

如果您使用功能组件，您可以使用来自 react 的 useState Hook 定义加载状态

const [loading, isLoading] = useState(false);

在您的代码中，它将如下所示:

login: async (email, password) => {
      try {
        setLoading(true);
        await auth().signInWithEmailAndPassword(email, password);
        setLoading(false);
      } catch (e) {
        alert(e);
      }
    }

根据该状态，您可以呈现以下内容:

if(isLoading) {
  return (
       <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
           <ActivityIndicator/>
       </View>
  )
 }