GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Erro ao implementar Navegação de telas no React-Native

Tags: #<Tag:0x00007f68c0ee81a0>

Olá pessoal, sou novo no desenvolvimento mobile. E creio que esse problema pode relativamente fácil para alguns de vocês. Estou assistindo um tutorial antigo de desenvolvimento de mobile, e esta aparecendo alguns erros de sintaxe o qual já procurei na documentação e modifiquei mas não foi resolvido. Peço a ajuda pra quem for experiente na área ou souber resolver. O problema sempre varia, mas a causa é a mesma. Fala que é referente aos módulos. Mas sempre instala-lo o modulo que pede e aparece mais erros. E fica nesse looping. Tem haver também com o react-navigation. E atualização dele. Mas estou faz tempo nisso e nada de resolver até esse momento.

Abaixo vai o meu código, e o respectivo erro:

//import React, { Component } from 'react';

import React from 'react';

//import { createAppContainer } from 'react-navigation';

import { createStackNavigator, createAppContainer} from 'react-navigation';

import Home from './Home';

import Login from './Login';

const AppNavigator = createStackNavigator (

{

Login: {

Login: LoginScrean,

navigationOptions: {

    header: null

}

},

Home: {

  Home: HomeScreen,

  

    navigationOptions:  { 

        

        initialRouteName: 'Home',

    }

}

}

)

export default createAppContainer(AppNavigator);

O erro agora é esse:
Erro:

error: Error: Unable to resolve module react-navigation from C:\Users\JamesplayHard\Desktop\novo\android\src\components\index.js: react-navigation could not be found within the project or in these directories:
  node_modules

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*
  1 | //import React, { Component } from 'react';
  2 | import React from 'react';
> 3 | import { createAppContainer } from 'react-navigation';
    |                                     ^
  4 |
  5 | import { createStackNavigator} from 'react-navigation-stack';
  6 | import Home from './Home';

Pela mensagem de erro, parece que esta com alguma informação de cache.

Tente executar os comandos citados:

Se o erro persistir dê uma olhada neste exemplo do proprio React-native, onde ele manda você instalar um pacote.

//