1
resposta

Erro ao incorporar o Drawer Navigator

Estou tendo muito problema ao tentar incorporar o Drawer Navigator no meu código, sempre que incorporo o mesmo aplicacao fica apresentando problemas mesmo seguindo a documentação a risca.

https://reactnavigation.org/docs/drawer-based-navigation/

Estou com essas dependências instaladas:

      "dependencies": {
        "@react-navigation/drawer": "^6.4.1",
        "@react-navigation/native": "^6.0.10",
        "@react-navigation/native-stack": "^6.6.2",
        "react": "17.0.2",
        "react-native": "0.68.2",
        "react-native-reanimated": "^2.8.0",
        "react-native-safe-area-context": "^4.2.5",
        "react-native-screens": "^3.13.1"
      },

E o erro que apresenta e:

ERROR Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin? ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

Acredito que deve ser algo na minha instalação do React, por que mesmo seguindo toda a documentação o mesmo sempre ocorre, eu consigo resolver depois de muita tentativa e erro.

1 resposta

No arquivo babel.config.js você precisa adicionar essa linha por último em plugins:

'react-native-reanimated/plugin'

Exemplo:

 module.exports = {
      ...
      plugins: [
          ...
          'react-native-reanimated/plugin',
      ],
  };

Documentação: https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation