Erro de função indefinida na classe

import React from "react";
import { Text, View, Image, StyleSheet } from "react-native";
import logo from "../../../assets/logo.png"
import CarregaDados from '../../../Servicos/CarregaDados'

 class Topo extends React.Component{

        AtualizaTopo() {
        const retorno = CarregaDados();
        console.log(retorno)
    }

    componentDidMount(){
        this.AtualizaTopo();
    }


    render(){
        return <View style={styles.Logo}>
        <Image style={styles.imagem} source={logo} />
        <Text style={styles.tittle}>Olá Mateus</Text>
        <Text style={styles.subtitle}>Encontre os melhores produtores</Text>
        </View>
   }
}

const styles = StyleSheet.create({
    Logo:{
        backgroundColor: '#d3d3d3',
        padding: 16
    },
    tittle:{
        marginTop:16,
        fontSize: 42,
        fontWeight: 'bold',
        lineHeight: 42
    },``
    imagem:{
        width: 80,
        height: 30
    },
    subtitle:{
        fontSize: 17,
        fontWeight: "bold",
    }
})

export default Topo;

Pessoal estou com esse código e está acusando esse erro, está me impedindo de seguir o projeto do curso. Alguém pode me ajudar?