How to use createBottomTabNavigator inside another React component

Question

Closed. This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 3 years ago. Improve this question I am updating the old react-native project to a new one and I am getting Invariant Violation: The navigation prop is missing for this navigator... error now. But I don't know how to use createBottomTabNavigator inside another component in the latest react-navigation version. Any help is appreciated! renderModel() { return ( Dummy Sample // this is createBottomTabNavigator. ) } Run code snippetExpand snippet JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

Here is my example on implementing createBottomTabNavigator inside React Component note: i am using react-navigation version 3.3.0 import { createBottomTabNavigator, createAppContainer } from 'react-navigation' import FirstTab from './tabs/FirstTab'; import SecondTab from './tabs/SecondTab'; import ThirdTab from './tabs/ThirdTab'; import FourthTab from './tabs/FourthTab'; import FifthTab from './tabs/FifthTab' const BottomTabNav = createBottomTabNavigator( { FirstTab, SecondTab, ThirdTab, FourthTab, FifthTab }, { initialRouteName: 'FirstTab', } ); export default createAppContainer(BottomTabNav); on render : render() { return ( Text on the Top of BottomTab Navigator ) } } output image: