创建Toast.js

let toastInstance = null;export const showToast = options => {if (toastInstance) { // toastInstance有值的话toastInstance(options);} else {console.error('Toast instance is not initialized');}
};export const setToastInstance = instance => {toastInstance = instance; // 在ToastProvider.js调用这个方法给toastInstance赋值
};

创建ToastProvider.js组件,内容如下

import React, {createContext, useContext, useState, useCallback, Text} from 'react';
import {Image, StyleSheet, View} from 'react-native';
import Modal from 'react-native-modal'; // 弹窗的model层,这个根据自己项目可以替换自己的样式
import {ActivityIndicator} from 'react-native-paper'; // UI组件库的转圈的动画组件,提示加载中,这个根据自己项目可以替换
import {setToastInstance} from './Toast';  // 这里存放的就是弹窗方法,这个不可替换,固定的const failIcon = require('../static/image/toast_fail.png'); // 失败的弹窗图片,这个根据自己项目可以替换
const successIcon = require('../static/image/toast_success.png'); // 成功的弹窗图片,这个根据自己项目可以替换const ToastContext = createContext(); // 全局上下文export const ToastProvider = ({children}) => {const [toast, setToast] = useState({visible: false,message: '',type: 'default',});const showToast = useCallback((