React native Navigation Stack Doesn't Work - reactjs

Question

I've problem about react native navigation. x
Everything seem run good. I don't see any problem terminal. Also I deleted this code
<Stack.Navigator>
<Stack.Screen name="Login" component={LoginScreen} />
</Stack.Navigator>
and I add this code
<Text>test message</Text>
my program work. you can see
But I add stack navigation code and I see blank page.can you see this picture
How can I solve this problem?
Full code from App.js
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View} from 'react-native';
import Navigation from './views/navigation';
import ErrorScreen from './views/ErrorScreen/ErrorScreen';
export default function App() {
return (
<View style={styles.container}>
<Stack.Navigator>
<Stack.Screen name="Login" component={LoginScreen} />
</Stack.Navigator> </View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
Full code from LoginScreen.js
import { View, Text, Image, StyleSheet, useWindowDimensions, KeyboardAvoidingView} from 'react-native';
import React, {useState} from 'react'
import Logo from '../../assets/fdslogo.png';
import CustomInput from '../components/CustomInput/CustomInput';
import CustomButton from '../components/CustomButton/CustomButton';
import { useNavigation } from "#react-navigation/native";
const LoginScreen = () => {
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const {height} = useWindowDimensions();
return (
<KeyboardAvoidingView behavior='padding'>
<View style={styles.root}>
<Image
source={Logo}
resizeMode="contain"
style={styles.logo}
/>
<CustomInput placeholder="E-Posta Adresinizi Giriniz"
value={email}
setValue={setEmail}/>
<CustomInput placeholder="Şifrenizi Giriniz"
value={password}
setValue={setPassword}
secureTextEntry/>
<CustomButton text="Giriş Yap" />
</View>
</KeyboardAvoidingView>
)
}
const styles = StyleSheet.create({
root: {
alignItems: 'center',
paddingTop: 0,
},
logo: {
maxWidth: 300,
maxHeight: 200,
},
});
export default LoginScreen;

Answer 1

I had the same issue.
What I did was to remove the view (in parallel the styles of the stylesheet) and it worked