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 '
}
});`