react-navigation相关内容

重置主屏幕的导航堆栈(React Navigation 和 React Native)

React Navigation 和 React Native 的导航有问题.这是关于重置导航并返回主屏幕. 我已经在 DrawerNavigator 中构建了一个 StackNavigator,并且主屏幕和其他屏幕之间的导航工作正常.但问题是,导航堆栈不断增长.我不确定如何从堆栈中删除屏幕. 例如,当从主屏幕到设置屏幕,然后到入口屏幕,最后再到主屏幕时,主屏幕在堆栈中出现两次.使用后 ..
发布时间:2021-12-06 21:37:23 前端开发

StackNavigator 通过 Component 给出未定义的错误

我试图使用 StackNavigator 进行导航,当我使用它从一个屏幕转到另一个屏幕时它可以正常工作,如解释 此处.但是当我尝试让一个子组件在自身中导航时,导航似乎不起作用,我找不到任何解决方案. 如下面的代码所示,我正在尝试使用测试组件,其中有一个按钮可以单击以从 HomeScreen 移动到 ChatScreen. 我很确定这个解决方案是基本的,但我真的在任何地方都找不到. ..
发布时间:2021-12-06 21:30:13 其他开发

使用 react-native-webview 的 stopLoading 后 Webview 冻结

我想在 React Native Webview 中打开一个网页,并在默认浏览器中打开 hrefs(链接).我尝试使用 Webview 的 stopLoading 方法,但它冻结了视图.我使用此线程上的答案成功实现了这一目标. react-native-webview的stopLoading方法导致网站卡死 但在某些情况下,随机点击 href 链接后,除了在默认浏览器中打开网页外,它还 ..

React-navigation:增加底部标签导航的高度?

我使用 react-navigation 为 React Native 应用程序创建了一个简单的选项卡导航.它工作正常,但我似乎无法调整它的高度.它最多只能达到大约 80,我需要它大约是当前高度的 150%,也许是两倍. 有谁知道如何增加选项卡导航的高度(最好不要再创建大约 6 个 js 文件?)我只有有限的时间来修复它. 以下是导航代码原样 从'react'导入React;impo ..
发布时间:2021-09-04 19:12:04 其他开发

登录导航问题后反应导航

我在 React Navigation 中使用 useNavigation.使用AsyncStorage登录后,我想重定向到首页,但无法返回到App功能.当我想转到主页时,导航找不到并返回错误. 如何触发名为 app 的函数? 导航错误(控制台) 有效载荷为 {“name":“HomeScreen"} 的操作“NAVIGATE"不是由任何导航员处理 登录代码 await ..
发布时间:2021-07-04 20:24:02 前端开发

使用 Stack Navigation 和 Tab Navigation 构建 React Navigation v5 堆栈

我目前正在尝试了解如何使用 v5 构建我的 React 导航堆栈,而不是使用 switchNavigator. 我的基本应用程序结构是这样的(将在下面发布一个流程的图像): 检查身份验证->登录 是->标签导航(堆栈导航器嵌套在其中)->没有签到->嵌套堆栈导航器 但我就是不知道应该如何构建我的应用程序的根目录.我不知道如何将我的标签导航器和堆栈导航器结合在一起,使我的应用程序从头到尾都 ..
发布时间:2021-07-04 20:23:57 其他开发

您是否能够在 React Navigation Tab Navigator 中以编程方式生成屏幕

使用 React-Navigation,我试图根据我从数组中提取的值生成未知数量的选项卡,并将该​​数组值中的数据传递到屏幕中.例如,如果我有 2 个帐户,我希望每个帐户有 2 个带有屏幕的选项卡,但如果我有 5 个帐户,则有 5 个选项卡,它们有自己的屏幕,这些屏幕是根据从数据库发送的值以编程方式生成的. 到目前为止我所拥有的,以及我正在尝试做的是: 接口帐号{帐号:字符串;余额:数量; ..
发布时间:2021-07-04 20:23:54 其他开发

带有动态路由配置的 TabNavigator/redux

我正在开发一个带有底部选项卡导航器的 react-native 应用程序,并且希望导航选项取决于正在显示的屏幕,例如: AppNavigator.js: class AppNavigator 扩展 React.Component{isRouteEnabled = (routeName) =>{返回 this.props.route == routeName;}使成为() {const ta ..
发布时间:2021-07-04 20:23:48 其他开发

如何使用 React Native 创建一个抽屉?

我想创建一个只出现在我的主屏幕上的抽屉,曾尝试使用 React Native 侧边菜单,但这只是将抽屉隐藏在后面,然后尝试使用 createdrawernavigator但我在 stacknavigator 里面有一个 bottomtabnavigator,我一直在想如何在它之上实现抽屉导航器下面是我的 navigation.js const RootStack = createStackNav ..

错误:未定义无法解析模块`@react-navigation/bottom-tabs`

一直在寻找有关导航错误模块的解决方案.我试过重置缓存,删除 nodu_modules,重新安装模块,但仍然无法正常工作. 错误的完整细节 无法从`src/App.js`解析模块`@react-navigation/native`:在项目中找不到@react-navigation/native. Package.json "@react-native-community/masked-v ..

React Native Router Flux:使用相同场景但使用其他参数的转换和历史

我正在创建一个商店应用程序,我使用 react-native-router-flux 作为路由器.目前,我只有几个场景,例如产品列表、产品信息、购物车和结帐. 但我需要创建一个导航.我有整个导航结构的 JSON,其中类别 ID 是 ProductList 场景调用 componentDidMount() 时调用 API 的 ID. 但我不知道如何: a) 使用相同的场景,但有额外 ..

React Native:构建登录屏幕

我刚刚开始使用 React Native,我想知道如何构建一个登录和注册表单共享同一个屏幕.登录和注册标签都显示在一个屏幕上的地方.只需点击任何选项卡,即可打开相同的表格进行填写.请检查下面的视频网址以参考我尝试使用 React Native 实现的目标https://drive.google.com/file/d/1HH2PmZUAhsgBa6iqyt4-uHVvZXIp30H3/view?us ..

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

TLDR:我没有在 react-navigation 5 中使用 route.params 将参数从一个屏幕传递到下一个屏幕. 我刚刚从 react-navigation 版本 4 更新到版本 5.我现在在屏幕之间传递参数时遇到问题.在我正在导航的屏幕中,我使用 onPress() 导航到下一个屏幕并在参数“loveOne"中传递字符串“son". 从这里的第一个屏幕是代码的重要部分: ..
发布时间:2021-07-04 20:23:24 其他开发

如何在 React Native 中将 createStackNavigator 作为类导出?

我在此处阅读了使用 createStackNavigator 作为组件的内容类是可能的,我正在努力实现这一目标,但我总是遇到错误. 代替这个: 导出默认 createStackNavigator({留言}, {默认导航选项:{手势启用:假}}) 我试过了: class MessagesStack extends React.Component {使成为() {const RouteCo ..
发布时间:2021-07-04 20:23:21 前端开发

更新 React-native 后,远程调试时反应导航变慢

我正在开发一个主要用于android平台的react-native移动应用程序.我最近需要升级 react-native-firebase 的 react native 版本.React 原生版本是 0.57.2.我使用 rn-diff- 升级到 0.59.6清除.这样做时,我需要将 react-navigation 版本从 2.17.0 更新到 3.8.1(但类型版本是 @types/react ..