question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Usage with react-native-navigation

See original GitHub issue

Hello! I started using exponent today and now i’m trying to use https://github.com/wix/react-native-navigation in my exponent’s project

The problem is that react-native-navigation requires you to start the root of your app in a different way: index.ios.js

import { Navigation } from 'react-native-navigation';

import { registerScreens } from './screens';
registerScreens(); // this is where you register all of your app's screens

// start the app
Navigation.startTabBasedApp({
  tabs: [
    {
      label: 'One',
      screen: 'example.FirstTabScreen', // this is a registered name for a screen
      icon: require('../img/one.png'),
      selectedIcon: require('../img/one_selected.png'),
      title: 'Screen One'
    },
    {
      label: 'Two',
      screen: 'example.SecondTabScreen',
      icon: require('../img/two.png'),
      selectedIcon: require('../img/two_selected.png'),
      title: 'Screen Two'
    }
  ]
});

And I noticed that exponent requires you to start your app with this special function: Exponent.registerRootComponent(App);

That probably does a lot more than the normal one

Is it possible to use these two technologies together?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:7
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

32reactions
sebasibarguencommented, Nov 23, 2017

Is there any plans for supporting react-native-nagivation?

19reactions
javidjamaecommented, Nov 19, 2017

React Navigation has a lot of issues. It would be great to have an alternative choice in Expo with React Native Navigation.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Navigating Between Screens - React Native
If you are getting started with navigation, you will probably want to use React Navigation. React Navigation provides a straightforward ...
Read more >
useNavigation - React Navigation
useNavigation is a hook which gives access to navigation object. It's useful when you cannot pass the navigation prop into the component directly,...
Read more >
React Native Navigation: Tutorial with examples
React Navigation uses what's called a stack navigator to manage the navigation history and presentation of the appropriate screen based on the ...
Read more >
React Native Navigation Tutorial - Shahed Nasser
In React Navigation, you can subscribe to two events: focus and blur . The focus event will occur every time the screen is...
Read more >
How To Use Routing with React Navigation in React Native
React Navigation is a popular library for routing and navigation in a React Native application. This library helps solve the problem of ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found