React navigation does not respond click button - react-native

Question

I'm creating an app with react native and using lib react navigation. When trying to make a button call a new screen, navigation doesn't respond to the click, does anyone know what it might be?
App.js
import Initial from "./app/screens/Initial";
import Login from "./app/screens/Login";
const AppNavigator = createStackNavigator(
{
Initial:{
screen: Initial
},
Login:{
screen: Login
}
},
{
initialRouteName: 'Initial',
headerMode: 'none',
}
);
export default createAppContainer(AppNavigator);
Initial.js (My Screen)
This is the screen where I render the button and call the click event to react with react navigation
import React, { Component } from "react";
import { View, StyleSheet, Text, ImageBackground } from "react-native";
import Button from "../components/Form/Button";
import imageLogo from "../assets/images/background2.jpg";
import colors from "../config/color";
class Initial extends Component {
render(){
const { navigate } = this.props.navigation;
return (
<View style={styles.wrapper}>
<ImageBackground source={imageLogo} style={styles.image}>
<Text style={styles.appName}>Hello</Text>
<View style={styles.areaMarketing}>
<Text style={styles.textAds}>text text text </Text>
<Text style={styles.textAds}>good good good.</Text>
</View>
<View style={styles.form}>
<Button onPress={() => this.props.navigation.navigate('Login')}
buttonBackColor={colors.emerald}
buttonBorderColor={colors.emerald}
color={colors.white} labelButton="Entrar"/>
<Button labelButton="Criar conta"/>
</View>
</ImageBackground>
</View>
);
}
}
const styles = StyleSheet.create({
wrapper: {
flex: 1,
justifyContent: "space-between"
},
form: {
flex: 1,
justifyContent: "flex-end"
},
appName: {
margin: 20,
fontSize: 25,
fontFamily: "Nunito-Bold",
color: colors.white
},
areaMarketing: {
marginLeft: 20
},
textAds: {
color: colors.white,
fontSize: 23,
fontFamily: "Nunito-Regular"
},
image: {
width: "100%",
height: "100%"
}
});
export default Initial;
package.json
"dependencies": {
"react": "16.8.6",
"react-native": "0.60.4",
"react-native-gesture-handler": "^1.3.0",
"react-navigation": "^3.11.1",
"react-navigation-stack": "^1.9.4"

Answer 1

Please look at react navigation 3 simple live example with single one file App.js with 2 screens:
https://snack.expo.io/r1eXFk7tB
P.S.
You didn't provide the full code of your issue like click hanlders and render of buttons but i guess you can see the example to find the problem in your project.