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.

Navigation inside Tab is not working

See original GitHub issue

Hi I want to open a screen from tab 1 and side menu. There is a button inside tab 1 on which click i want to open other page . I did

tab1click= () => {
        this.props.navigation.navigate("PickupList");
    };

Here from side menu when i am going to that screen then it is working fine but from tab i am getting following issue : -

undefined is not an object (evaluating this.props.navigation.naviagte) cab anyone tell me the exact issue

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:15 (8 by maintainers)

github_iconTop GitHub Comments

13reactions
SupriyaKalghatgicommented, Aug 20, 2018

While you define Tabs, you must pass navigation props to corresponding tab

<TabOne navigation={this.props.navigation} />
0reactions
wobsorianocommented, Feb 16, 2020

For React Navigation 5.x, you can do it like this https://gist.github.com/sorxrob/7f2d490acadbf33c7874b7e2fb82773a

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap tab navigation not working correctly - Stack Overflow
I did a very simple setup for bootstrap tabs navigation according to http://getbootstrap.com/javascript/#tabs and ...
Read more >
Navigation Tab inside a tab in Reactive not working properly
I have two tabs, in the first tab I have 5 more tabs and inside second another tab. The placing is correct, when...
Read more >
Tab key navigation not working - WordPress.org
You can use the “tab” key to navigate in tabs, and the “space bar” to change the checkbox value. “enter” save the settings....
Read more >
Nesting Tab and Stack Navigators in React Native and Expo ...
In this tutorial, let's examine one of the above scenarios by nesting a tab navigator inside a stack navigator. Whether you're following from...
Read more >
Using keyboard tab navigation to move element focus on ...
7. Press the 'Tab' key to move focus through each Navigation menu item, until you reach the last menu item. 8. Hit the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

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