react-navigation 相关问题

一个易于使用的导航解决方案,可用于React和React Native项目https://reactnavigation.org

标题标题不会随着底部导航而改变React Native Navigation v5

因此,我得到了嵌套的导航,如代码所示。现在,我试图制作标题栏。但是,当我从底部导航更改屏幕时,标题保持不变,无论如何...

回答 3 投票 1

TypeError:navigation.getParam不是函数

我正在使用带有堆栈5版本的react导航。 App.js导出默认类App扩展了React.Component {render(){return( ... ... ] >>] >> 这是通过导航传递react-native时在props中的常见问题。您可以尝试这种方法,看看是否可行。 //Home.js <TouchableHighlight onPress={() => { this.props.navigation.navigate({'Movie', { title: item.title, img: item.img, id: item.imdbID }}) }}> 并且在Movie.js中,您可以像这样访问道具。 //Movie.js componentDidMount() { this.getMovieDetails(this.props.route.params) } 更新: //Home.js <TouchableHighlight onPress={() => { this.props.navigation.navigate('Movie', { title: item.title, img: item.img, id: item.imdbID }) }}> // code omitted </TouchableHighlight> //Movie.js componentDidMount(){ const navObject = this.props.navigation.state.params console.log(navObject ) } 这里是您需要的解决方案的点心,我对您的代码进行了一些更改,现在您的错误已在此点心中得到修复。You were trying to access getParams function but that wasn't available inside the navigation object,而不是getting params with getParams function I directly get these params from this.pros.navigation.route.params https://snack.expo.io/@waheed25/home_movie

回答 2 投票 0

React create stack navigator

我正在使用react native和expo。我在运行expo后收到错误消息,它说:错误:创建导航器时不接受参数。也许您正在尝试将React Navigation 4 API与...

回答 1 投票 2

Stack Navigator内的ReactNative- Tab Navigator

需要使用仅具有堆栈屏幕的React-navigation工作代码在注册模块之后显示Home模块的选项卡const Stack = createStackNavigator(); const Bottom = createBottomTabNavigator(); ...

回答 1 投票 0

使用react-navigation版本5传递参数时获得“未定义”?

TLDR:我没有在react-navigation 5中使用route.params从一个屏幕传递到下一个参数。我只是从react-navigation版本4更新到了版本5。我现在遇到了问题...

回答 1 投票 0

我在React Navigation 5中获得了未定义的导航?

我有一个可重用的组件,用于使用Apple Button登录用户成功后,我将导航到主屏幕,但是我注意到当我登录导航时它是未定义的,当我登录this.props我只是...

回答 1 投票 0

SafeAreaView的不同实现之间有什么区别?

称为SafeAreaView的组件是通过react-native,react-navigation,react-native-safe-area-context和react-native-safe-area-view导出的。有什么区别,在...

回答 1 投票 0

从“抽屉导航器”导航到特定屏幕

我正在使用三个导航器(即堆栈,抽屉和materialbottomtab)构建小型投资组合。以下是我希望包含在投资组合中的部分:主屏幕,项目屏幕,技能屏幕,...

回答 1 投票 0

TypeError:(0,_reactNavigation.default)不是函数。 React Native

我正在使用React Navigation版本4,并且在设置了我的导航和所有屏幕并运行代码后,我面临以下问题:TypeError:(0,_reactNavigation.default)不是一个函数。 ...

回答 1 投票 0

React-Preference:函数类与组件类

是否放弃了班级组件?我看到在几个库示例中,功能组件是优先考虑的。特别是React Navigation。同样,使用Hook进行React本身只会使它们成为...

回答 2 投票 -1

如何在React Navigation侦听器中访问当前状态?

我正在使用react-navigation 5创建一个react-native应用。假设我有一个这样的屏幕组件:从'react-native'导入{View,Text};函数TextScreen({navigation}){const [text,...

回答 3 投票 0

无法在React Navigation 5中导航到抽屉堆栈

我有一个应用程序,其中一个抽屉式导航器内部有一个底部标签导航器作为主屏幕,我也有一个由我的身份验证屏幕(包括登录屏幕)组成的堆栈导航器。我无法...

回答 1 投票 1

React Navigation auth流结构的建议需要

尝试使用react v5导航,因此我创建了一个登录注册表单,如果用户在使用AsyncStorage之前已登录,则将其带到仪表板。它工作正常,但我想知道如何...

回答 1 投票 0

addListeners有时不起作用-反应本机选项卡导航

我已经使用了反应导航的标签导航。每次按下选项卡时,我需要在componentDidMount中调用loadData函数。所以我在其中使用addListener。但是问题是,它需要...

回答 1 投票 0

Reaction Navigation V5在特定屏幕中隐藏底部选项卡

我正在使用React Navigation版本5创建一个React Native应用,并且我有一个底部的标签导航器,在标签导航器的每个屏幕内嵌套了一个堆栈导航器。我只想要底部的选项卡...

回答 1 投票 0

在React Native中注销时关闭抽屉

在我的React Native应用程序中,我有一个处理登录过程的StackNavigator和一个可用于已认证用户的DrawerNavigator。当我注销该应用程序然后再次登录时,我看到...

回答 1 投票 0

React-Native导航5-元素类型无效,预期为字符串或类/函数

在NavigationNativeContainer&Stack.Navigator中,保持获取元素类型无效,我已经多次检查代码。任何人都可以帮忙。从'react'导入React;导入{...

回答 2 投票 0

反应导航v5 @ react-navigation /抽屉检查抽屉是否打开

所以在React Navigation v5中如何检查抽屉是否打开,我是否使用自定义抽屉抽屉内容= {(props)=>

回答 1 投票 0

试图将导航器道具传递给孙辈,得到“未定义的不是对象”

我的React Native应用程序的结构如下:Drawer导航器,其中包含BottomTabNavigator,它本身包含3个选项卡(每个选项卡均为Stack导航器)。我的问题在尝试通过...

回答 1 投票 0

React Native“ TypeError:Object(...)不是一个函数” React导航堆栈错误

我的react-navigation-stack有问题,我相信这可能是依赖关系的问题,但是我不确定是不是这样。我只是想让一些文本重定向到另一个页面。如果...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.