خطا undefined is not an object (evaluating 'this.props.navigation.navigate')

[kian66]

سلام
من ورژن 3 ….react navigation…. را نصب کردم وقتی به عنوان کلاس صداش میزنم درست کار میکنه ولی وقتی از دستور prop برای صدا زدن ان در توابع استفاده می کنم خطا undefined is not an object (evaluating ‘this.props.navigation.navigate’) را دریافت میکنم!!!!!
لطفا اگر کسی میدونه راهنمایی کنه

[elyasbeshkani]

سلام، مثل اینکه گفتن :

باید کامپوننت هایی که درونش از دستور this.props.navigation.navigate استفاده میکنید درون stackNavigator اضافش کنید تا به مشکل نخورید

ممنون میشم اگه مشکلتون حل شد به منم کمک کنید

[elyasbeshkani]

من مشکلمو یه جوری حل کردم نمیدونم حالا اصولی هست یا نه
این قسمت کد Drawer

JavaScript

<Drawer ref={(ref) => { this.Drawer = ref }} content={<SideBar navigate={this.props.navigation.navigate} />} onClose={() => this.closeDrawer()}> ... </Drawer>

1 2 3 4 5 6

<Drawer                 ref={(ref) => { this.Drawer = ref }}                 content={<SideBar navigate={this.props.navigation.navigate} />}                 onClose={() => this.closeDrawer()}> ... </Drawer>

اینم جایی که توی sidebar کلیک میشه روش

<ListItem onPress={() => this.props.navigate('Badge')}>

اینم فایل routs.js من که توی App.js فرخوانیش کردم

JavaScript

import { createStackNavigator, createAppContainer } from &#039;react-navigation&#039; import { Home, Badge, SideBar } from &#039;./components/index&#039; const RootStack = createStackNavigator( { Home: Home, SideBar: SideBar, Badge: Badge } , { headerMode: &#039;none&#039;, mode: &#039;modal&#039; } ) export default createAppContainer(RootStack)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

import { createStackNavigator, createAppContainer } from 'react-navigation' import { Home, Badge, SideBar } from './components/index'   const RootStack = createStackNavigator(   {     Home: Home,     SideBar: SideBar,     Badge: Badge   }   , {     headerMode: 'none',     mode: 'modal'   } ) export default createAppContainer(RootStack)

[kian66]

تشکر از elyasbeshkani

[نویسنده]

نوشته‌ها