NAVEGAÇÃO ENTRE TELAS

[sailleribeiro]

Fala galera! sou novo na área de React-Native, e tenho uma duvida que pode ser simples pra muitos.Então, eu criei duas telas, uma de login (app.js )e uma de cadastro (cadastro.js)

Já vi vários videos, comentação do site do react-native, mas não consegui encaixar o que é passado no meu código, não sei exatamente o que devo alterar, o que devo apagar..

alguém pode me dar uma força ae?

agradeço desde já!

aqui o codgo

`// tela inicial "LOGIN" importar Reagir de ' reagir ' ; import { Alert , StyleSheet , Texto , Visualização , Imagem , TextInput , TouchableOpacity } de ' react-native ' ; importar logotipo de ' .//assets//logo.png '

exportar a função padrão App () { clicou = () => { Alert . alerta ( " Fala " , " jandeson gayzao! " ); }

return ( < Ver estilo = { estilos . container } >

  < Fonte da imagem = {logo}
    style = { styles . logo }
  / >

  < TextInput
    style = { styles . Entrada1 }
    espaço reservado = " Usúario "
  / >

  < TextInput
       style = { styles . Entrada2 }
    secureTextEntry = { true }
    placeholder = " Senha "
  / >

  < Estilo do texto = { styles . Esqueci } > Esqueci a Senha < / Texto >

  < TouchableOpacity
    style = { styles . botao } onPress = {() => { isto . clicou ()}} >
    < Estilo do texto = { styles . botaoText } > Entrar < / Text >
  < / TouchableOpacity >

  < Estilo do texto = { styles . Cadastro } > N ão sou Cadastrado < / Texto >

< / Ver >

); }

// padrao reage estilos de const = StyleSheet . create ({ contêiner : { flex : 1 , backgroundColor : ' #fff ' , alignItems : ' center ' , justifyContent : ' center ' , } // logo do sig frotas logo : { largura : 250 , altura : 80 , resizeMode : ' contém ' } // campo de usuario Entrada1 : { marginTop : 100 , estofamento : 10 , largura : 300 , fontSize : 16 , fontWeight : ' bold ' , borderRadius : 5 , borderWidth : 1 , borderColor : ' # 215f7c ' , backgroundColor : ' #fff '

} // campo de senha Entrada2 : { marginTop : 30 , estofamento : 10 , largura : 300 , fontSize : 16 , fontWeight : ' bold ' , borderRadius : 5 , borderWidth : 1 , borderColor : ' # 215f7c ' , backgroundColor : ' #fff ' ,

} // botao esqueci senha Esqueci : { marginTop : 10 , fontSize : 14 , cor : ' # 215f7c ' } // botao entrar botao : { marginTop : 200 , estofamento : 10 , largura : 150 , altura : 40 , backgroundColor : ' # f44336 ' , borderRadius : 5 , fontSize : 16 , alignItems : ' center ' , justifyContent : ' center ' } // texto do botao entrar botaoText : { fontSize : 16 , fontWeight : ' bold ' , cor : ' #fff ' } // opção de cadastro-se Cadastro : { marginTop : 20 , fontSize : 14 , cor : ' # 215f7c ' } });`