React Native undefined不是一个对象（评估“ props.navigation.toggleDrawer”）

const NavigatorHome  = props => {
  return (
    <View>
    <AppHeader navigation={props.navigation} title="Home" />
    </View>
  );
};

export default class Home extends Component {
  
  state = {
    users: []
  }

  async componentDidMount() {
    const users = await ajax.fetchUsers();
    //ET20200226 This was a warning
    this.setState({users});
  }

  render() {
    return (
      <View>
         <NavigatorHome></NavigatorHome>
      <View>
        <Text style={styles.h2text}>
          List of requests
        </Text>
          <FlatList
          data={this.state.users}
          showsVerticalScrollIndicator={false}
          renderItem={({item}) =>
          <View style={styles.flatview}>
            <Text style={styles.uuid}>{item.uuid}</Text>
          </View>
          }
          keyExtractor={item => item.uuid}
        />
      </View>
      </View>    
    );
  }
}

const AppHeader = props => {  
   return (
    <Header
      //leftComponent={<HamburgerMenu navigation={props.navigation} />}
      leftComponent={<Icon
      color="#fff"
      name="menu"
      onPress={() => props.navigation.toggleDrawer()}
    />}
      centerComponent={{
        text: props.title,
        style: { color: "#fff", fontWeight: "bold" }
      }}
      statusBarProps={{ barStyle: "light-content" }}
    />
  );
};

export default AppHeader;