React Native+Firebase登录注册中自定义Toast显示问题求助

问题1：signIn.jsx无法捕获auth.js函数的错误 #

原因 #

你的auth.js中登录/注册函数内部捕获错误后，没有将错误重新抛出，导致错误无法冒泡到调用端的try-catch块。比如函数内部只打印错误但不抛出，调用端就无法感知到错误发生。

修复方案 #

修改auth.js中的函数，确保错误被正确抛出：

// auth.js 登录函数示例
import { getAuth, signInWithEmailAndPassword } from "firebase/auth";

const auth = getAuth();

export const signIn = async (email, password) => {
  try {
    const userCredential = await signInWithEmailAndPassword(auth, email, password);
    return userCredential;
  } catch (error) {
    console.log("auth.js内部错误:", error); // 可选打印
    throw error; // 必须抛出错误，让调用端能捕获
  }
};

之后在signIn.jsx中正常使用try-catch即可捕获错误：

// signIn.jsx 调用示例
import { signIn } from './auth.js';

const handleLogin = async () => {
  try {
    await signIn(email, password);
    showCustomToast('登录成功');
  } catch (error) {
    showCustomToast(`登录失败：${error.message}`);
  }
};

问题2：传递错误处理函数时出现类型转换错误 #

原因 #

错误提示com.facebook.react.bridge.readablenativemap cannot be cast to java.lang.string表明，你向showCustomToast传递了Firebase返回的原生Error对象（本质是ReadableNativeMap类型），而Toast组件只接受字符串类型参数，导致Native端类型转换失败。

修复方案 #

1. 始终传递字符串给Toast函数：提取Error对象的message属性（字符串类型）传入，不要直接传递Error对象：

// 错误写法
showCustomToast(error); 

// 正确写法
showCustomToast(`操作失败：${error.message || '未知错误'}`);

2. 如果在auth.js中调用传入的错误处理函数，同样要传递字符串而非原始Error对象：

// auth.js 带错误回调的函数示例
export const signIn = async (email, password, onError) => {
  try {
    await signInWithEmailAndPassword(auth, email, password);
  } catch (error) {
    onError(error.message); // 传递错误信息字符串，不是Error对象
  }
};

3. 检查showCustomToast实现：确保函数内部只处理字符串输入，若有类型判断逻辑，提前将参数转为字符串。

内容的提问来源于stack exchange，提问作者Kartic Joshi