React 原生渲染错误未定义不是一个对象(评估 '_useContext.register')

Question

我的useContext看起来像工作，但当我将屏幕更改为SignUpScreen时，它会给我这样的错误

渲染错误未定义不是一个对象(求值)_useContext.refister)

这是我的SignUpScreen.js

import React, { useContext, useState } from 'react';
import { View, Text, Button, StyleSheet, TouchableOpacity, Image } from 'react-native';
import FormInput from '../components/FormInput';
import FormButton from '../components/FormButton';
import FormRedButton from '../components/FormRedButton'
import { firebase } from '../firebase/Firebase'
import { AuthContext, AuthProvider } from "../database/AuthProvider";
const SignupScreen = ({ navigation }) => {
const [email, setEmail] = useState();
const [password, setPassword] = useState();
const [confirmPassword, setConfirmPassword] = useState();
const {register} = useContext(AuthContext);

return (
<View style={styles.container}>
{/* <Image
source={require('../Logo/Mahan2.jpg')}
style={styles.logo}
/> */}
<Text style={styles.text}>Create an account</Text>
{/* UserName */}
<FormInput
lableValue={email}
onChangeText={(userEmail) => setEmail(userEmail)}
placeholderText="Email"
iconType="user"
autoCapitalize="none"
autoCorrect={false}
/>
{/* Password */}
<FormInput
lableValue={password}
onChangeText={(userPassword) => setPassword(userPassword)}
placeholderText="Password"
iconType="lock"
secureTextEntry={true}
/>
{/* Confirm Password */}
<FormInput
lableValue={confirmPassword}
onChangeText={(userConfirmPassword) => setConfirmPassword(userConfirmPassword)}
placeholderText="Confirm Password"
iconType="lock"
secureTextEntry={true}
/>
<FormButton
buttonTitle="Sign Up"
onPress={() => alert("Sing Up")}
/>
<FormRedButton
buttonTitle="Back"
onPress={() => navigation.navigate('Login')}
/>

</View>
)
}
export default SignupScreen;
const styles = StyleSheet.create({
......
})

这是我的authprovider。js

import React, { createContext, useState } from "react";
import auth from '@react-native-firebase/auth';
export const AuthContext = createContext();
export const AuthProvider = ({children}) => {
const [user, setUser] = useState(null);
return(
<AuthContext.Provider
value={{
user,
setUser,
login: async (email, password) => {
try{
await auth().signInWithEmailAndPassword(email, password);
} catch(e) {
console.log(e);
}
},
register: async (email, password) => {
try{
await auth().createUserWithEmailAndPassword(email, password);
} catch(e) {
console.log(e);
}
},
logout: async () => {
try{
await auth().signOut()
} catch(e) {
console.log(e);
}
}
}}
>
{children}
</AuthContext.Provider>
)
}

这是我的截图错误输入图片描述

我不知道如何解决它

Answer 1

你忘记包装App组件了，看看这个例子:https://snack.expo.dev/AVVpx0PJ7