react-navigation 相关问题

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


使用“ MaterialTopTabNavigator”标签中的“ StackNavigator”。 (本机+博览会)

由于有了“ MaterialTopTabNavigator”,我的应用程序使我的用户只需用手指滑动即可从一个选项卡移动到另一个选项卡。我想也可以在某些选项卡上建议重定向...

回答 1 投票 0

用于验证身份验证/受保护的路由的反应导航+高阶组件(HOC)

我在使用高阶组件检查用户是否通过身份验证(checkAuth)时遇到问题。我的问题是,该路线似乎没有受到保护,因为它没有屏幕,但它......>

回答 1 投票 0

React Native Web with Next JS and React Navigation

我正在尝试确定在我的React Native Web项目中设置路由的最佳方法。我正在使用expo,并按照本指南使用Next JS https://docs.expo.io/versions/latest/guides/using-nextjs/ ...

回答 2 投票 2

如何通过玩笑来测试反应导航中的'didFocus'>>

我有一个看起来像这样的组件componentDidMount(){const {navigation} = this.props this.subs = [navigation.addListener('didFocus',()=> this.onComponentFocus()),...

回答 1 投票 0

TypeError:null不是对象(正在评估'RNGestureHandlerModule.default.Direction')]]

我在模块'react-navigation-stack'时遇到问题,我已经从https://facebook.github.io/react-native/docs/navigation#react-navigation编写了相同的代码。平台:Android。操作系统:ubuntu import {...

回答 3 投票 0

为带有反应导航的底部标签创建粘性组件

目标:使用createBottomTavNavigator在反应导航的底部选项卡,“主页”和“设置”之间切换时,使播放器组件处于有状态。我尝试过在两个Home中都使用Player组件...

回答 1 投票 1

当显示2级深度的路线时如何隐藏底部标签

所以当显示某个屏幕时,我希望底部的标签栏消失。我正在使用反应导航。当洞察力细节调整屏幕处于活动状态时,我希望底部标签消失。 ...

回答 1 投票 0

undefined不是一个对象(正在评估'this.props = props')React-Native expo

刚刚启动项目并吸收代码:从'react'导入React,{Component};从'react-native'导入{Text,View};导出默认类SignUp扩展Component(){构造函数(props){...

回答 1 投票 0

使用setParams和getParam将状态值传递给其他组件

我使用componentWillMount(),因为我认为无法使用static将setParams与状态一起使用,以及在React类之外使用GalleryScreen.navigationOptions = navData => {}。...

回答 1 投票 0

React Native iOS上的默认标头垂直高度太高,如何更改?

我在我的本机应用程序中包括了堆栈导航器。标题的默认垂直高度似乎包括后退按钮和状态栏之间的垂直间距。我该如何删除...

回答 2 投票 -3

如何从StackNavigator提交表格?

我想要让Button在StackNavigator中提交Formik表单。有什么好的选择可以做到而又不会损失性能并使我的yup验证正常工作吗?我设法做到了...

回答 1 投票 0

如何从类而不是路由器中隐藏React Navigation底部选项卡?

如何从类而不是路由器中隐藏React Navigation底部选项卡?] >>

回答 1 投票 0

未注册反应导航AppRegistry

我已经使用react-native init 建立了一个全新的项目,并且构建良好。我在文档之后将react-navigation添加到了项目中。但是,我无法通过此错误:...

回答 1 投票 0

使用最新的本机版本的createBottomTabNavigator和无法识别的字体系列出现问题

错误图像模拟器我是本机开发的新手,实际上是在克隆Instagram应用程序时观看教程视频。但是看来这家伙正在使用较旧的react-native ...

回答 1 投票 1

如何使用useFocusEffect挂钩

作为文档https://reactnavigation.org/docs/en/next/use-focus-effect.html,“有时我们希望在聚焦屏幕时产生副作用。副作用可能涉及添加一个事件...

回答 1 投票 0

无法在react native中读取undefined的属性'navigate'。这在app js中正常运行,但在about js中不正常

代码在App.js中正常工作,但在About.js中却无法正常工作,我尝试了在google中找到的所有内容,但始终给我“无法读取未定义的属性'navigate'。我该如何解决?请...” >

回答 1 投票 0

如何从React-Navigation的导航栏中删除SafeAreaView?

我必须对底部导航栏进行非常定制的设计。我在屏幕上使用ImageBackground,并且需要导航栏在其上方而不是下方进行绘制。我想问题是...

回答 1 投票 0

tabBarNavigation标题中的菜单按钮:无法调用this.props.navigation.openDrawer();

我有如下这样的tabBarNavigation定制标题:从'./HeaderTab/HeaderTab'导入HeaderTab; TabNavigator:{屏幕:TabNavigator,navigationOptions:{标头:(

回答 2 投票 0

您如何在具有反应导航的屏幕之间具有不同的过渡动画?

我目前正在使用具有2个屏幕的ReactNative应用程序。目标是对屏幕进行动画处理,以使它们根据您来自哪个屏幕而彼此上下推。下面的GIF ...

回答 1 投票 0

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