React native 反应导航不响应单击按钮

我正在使用react native和lib react导航创建一个应用程序。当尝试在新屏幕上调用按钮时，导航不响应单击，有人知道它可能是什么吗

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（我的屏幕）

这是我渲染按钮并调用click事件以使用react导航进行反应的屏幕

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;

---

请看react navigation 3简单的实时示例，其中包含一个文件App.js和两个屏幕：

附言。

---

您没有提供问题的完整代码，如单击文件夹和按钮渲染，但我想您可以在项目中查看示例以查找问题。

请添加更多代码，尤其是单击处理程序navigation@RomitKumar我为使用导航的按钮单击添加了代码

"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"