react-navigation相关内容

react-navigation 动态标题不起作用?

我完全按照教程 https://reactnavigation.org/docs/intro/但是标题没有出现.这是代码和结果 从'expo'导入Expo;从“反应"导入反应;从'react-native'导入{样式表,文本,视图,按钮};从“反应导航"导入 {StackNavigator};类 HomeScreen 扩展 React.Component {静态导航选项 = {标题:“欢迎",} ..
发布时间:2022-01-23 13:59:35 其他开发

使用 React Navigation 导航堆栈时重新渲染组件

我目前正在使用 react-navigation 进行堆栈和选项卡导航. 是否可以在用户每次导航到特定屏幕时重新渲染组件?我想确保每次到达特定屏幕时都重新运行 componentDidMount(),因此我通过调用适当的操作创建者从服务器获取最新数据. 我应该考虑哪些策略?我很确定这是一种常见的设计模式,但我没有看到记录的示例. 解决方案 React Navigation 生命 ..
发布时间:2022-01-23 13:49:59 其他开发

在堆栈导航器中隐藏标题 React 导航

我正在尝试使用堆栈和选项卡导航器切换屏幕. const MainNavigation = StackNavigator({otp:{屏幕:OTPlogin},otpverify:{屏幕:OTPverification},用户验证:{屏幕:TabNavigator({列表:{屏幕:列表},设置:{屏幕:设置}}),},}); 在这种情况下,首先使用堆栈导航器,然后使用选项卡导航器.我想从堆栈导航 ..
发布时间:2022-01-23 13:34:26 前端开发

使用反应导航的每个选项卡中有两个图像的自定义选项卡栏?

我正在使用 React Native for ios 创建一个应用程序.而不是有一个活动的 tintColor 我想要有两个小三角形(另一个图像/图标),当你在选定的选项卡上时会出现.重要的是三角形的中心 y 轴与标签栏图像底部的 y 轴 = = 并且标签图标位于三角形的中心,如下所示.目前我有标签栏,图标和导航工作 - 我只是不知道如何让三角形出现: 图标标签 import React, ..

React Native 在嵌套 StackNavigator 之间导航

我有下面的三个导航器,我在登录完成后导航到仪表板屏幕,但是当我想从仪表板屏幕注销时遇到问题,this.props.navigation.navigate('Login') 工作正常,但我想在按下退出按钮时清除堆栈. const DashBoardStackNavigator = createStackNavigator({仪表板:仪表板,二:二、第三:第三})const BottomTabNav ..
发布时间:2022-01-10 18:25:40 其他开发

如何在 React Native 中使用 TypeScript 为单元测试模拟 React Navigation 的导航道具?

我正在使用 TypeScript 构建 React Native 应用程序.对于我的导航,我使用 React Navigation,对于我的单元测试,我使用 Jest 和 Enzyme. 这是我的一个屏幕 (LoadingScreen.tsx) 的(精简)代码: 从“./styles"导入样式;导入 React, { Component } from "react";import { Te ..

如何从 createMaterialTopTabNavigator 导航到其他屏幕 - React Navigation?

从顶部 Tabnavigator 导航到其他屏幕时遇到一些问题所以我的应用导航是 来自抽屉的我的订单屏幕 => Top TabNavigatore(接受/完成)=> 订单详情 在 Route.js 中我把我想要的每一个导航都放在抽屉里 - 身份验证导航等等,我把一个包含订单屏幕的 StackNavigator 像这样: const OrdersStack = createStackN ..
发布时间:2021-12-21 18:28:43 前端开发

如何在 React-Native 中获得键盘的高度?

我在我的应用程序中使用 React-Navigation,该应用程序由具有多个屏幕的 StackNavigator 组成,其中一些屏幕具有带有 autoFocus={true} 的 TextInput 问题:在这些屏幕上,组件渲染时,在构造函数中设置了屏幕的高度: 构造函数(道具){超级(道具);this.state = {高度:Dimensions.get('window').height ..
发布时间:2021-12-06 22:34:37 前端开发

如何在 react-navigation-drawer Drawer 组件中获取当前的路由名称?

我已经使用这些库创建了我的 App Navigator 组件 反应导航 反应导航堆栈 反应导航抽屉抽屉嵌套在主堆栈内. 抽屉堆 const DrawerMenu = createDrawerNavigator({家: {屏幕:首页},我的账户: {屏幕:我的账户}},{叠加颜色:“rgba(0, 0, 0, 0.7)",手势启用:假,initialRouteName: "家",c ..

react-navigation:检测屏幕、标签栏何时被激活/出现/聚焦/模糊

以前,当我想在打开屏幕时执行某些操作时,我将它们放在 componentDidMount 中.例如我可以获取一些数据. 像这样. componentDidMount() {this.updateData();} 但是使用 react-navigation componentDidMount 只在用户第一次打开屏幕时发生一次,如果以后用户再次打开这个页面不会触发 componentDidM ..

React Navigation:在抽屉上滑动在 Android 中不起作用

我一直在寻找解决方案,但令人惊讶的是,我认为还没有人遇到过.所以我发了. 我使用 React Navigation V3 创建了一个简单的 Drawer Navigator.我添加了一个菜单图标,当我点击它时,抽屉会出现它应该的样子.但是,没有手势有效.从左向右滑动什么都不做.即使抽屉打开,点击空白处也不会关闭抽屉. 这是我的代码: import {创建堆栈导航器,创建开关导航器,创 ..
发布时间:2021-12-06 22:08:57 移动开发