首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从DrawerNavigator中的屏幕导航到同一DrawerNavigator中的另一个屏幕

从DrawerNavigator中的屏幕导航到同一DrawerNavigator中的另一个屏幕,可以通过以下步骤实现:

  1. 确保你已经在应用程序中正确地设置了DrawerNavigator,并且已经定义了所有的屏幕。
  2. 在当前屏幕的组件中,引入react-navigation库中的NavigationActions
代码语言:txt
复制
import { NavigationActions } from 'react-navigation';
  1. 在需要导航到另一个屏幕的事件处理程序中,使用NavigationActions.navigate方法创建一个导航操作。
代码语言:txt
复制
const navigateAction = NavigationActions.navigate({
  routeName: '目标屏幕的路由名称',
  params: { 任意传递给目标屏幕的参数 },
});
  1. 获取当前屏幕的导航器实例,并使用dispatch方法触发导航操作。
代码语言:txt
复制
this.props.navigation.dispatch(navigateAction);

完整的代码示例:

代码语言:txt
复制
import React, { Component } from 'react';
import { Button } from 'react-native';
import { NavigationActions } from 'react-navigation';

class CurrentScreen extends Component {
  navigateToTargetScreen = () => {
    const navigateAction = NavigationActions.navigate({
      routeName: '目标屏幕的路由名称',
      params: { 任意传递给目标屏幕的参数 },
    });

    this.props.navigation.dispatch(navigateAction);
  };

  render() {
    return (
      <Button
        title="导航到目标屏幕"
        onPress={this.navigateToTargetScreen}
      />
    );
  }
}

export default CurrentScreen;

请注意,上述代码中的"目标屏幕的路由名称"应替换为你要导航到的目标屏幕在DrawerNavigator中的路由名称。此外,你还可以通过params参数传递任意参数给目标屏幕。

对于腾讯云相关产品和产品介绍链接地址,由于不能提及具体的品牌商,建议你访问腾讯云的官方网站,查找相关产品和文档,以获取更多详细信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

『React Navigation 3x系列教程』createDrawerNavigator开发指南

createDrawerNavigator API createDrawerNavigator(RouteConfigs, DrawerNavigatorConfig): RouteConfigs(必选):路由配置对象是路由名称路由配置映射...path(可选):用来设置支持schema跳转时使用,具体使用会在下文有关Schema章节中讲到; navigationOptions(可选):用以配置全局屏幕导航选项如:title、headerRight...; paths: 提供routeNamepath config映射,它覆盖routeConfigs设置路径。...navigationOptions(屏幕导航选项) DrawerNavigator支持屏幕导航选项参数有: title: 可以用作headerTitle和drawerLabel备选通用标题。...可以props获取; 打开侧边栏:navigation.openDrawer();; 关闭侧边栏:navigation.closeDrawer();; 切换侧边栏:navigation.toggleDrawer

7K10

react-navigation,刷新你导航一、属性介绍二、案例

(2)TabNavigator:类似底部导航栏,用来在同一屏幕下切换不同界面 (3)DrawerNavigator:侧滑菜单导航栏,用于轻松设置带抽屉导航屏幕 ?...直接切换 modal:iOS独有的使屏幕底部拖出 headerMode:返回上级页面时动画效果 float:iOS默认效果 screen:滑动过程,整个页面都会返回 none:无动画 cardStyle...路径 - 提供routeName路径配置映射,它覆盖routeConfigs设置路径。 backBehavior - 后退按钮是否会切换到初始路由?...下面的代码采用结构赋值方法,取出导航状态机参数params,取出参数user,一样可以拿到外界参数。...定义抽屉导航 HomeScreen与MineScree是导入外界两个界面,将它们定义DrawerNavigator。在抽屉导航,将组件属性也一起设置好。

19.6K90

navigatorreact-navigation进阶教程

这篇文章将向大家分享react-navigation一些实用技巧,以及navigatorreact-navigation一些实战经验。...,屏幕下方标签栏; DrawerNavigator: 抽屉效果,侧边滑出; ?...在开始学习三种导航器之前,我们需要先了解两个和导航关于概念: Screen navigation prop(屏幕导航属性):通过navigation可以完成屏幕之间调度操作,例如打开另一个屏幕; Screen...屏幕之间跳转是需要借助navigation来完成; 我们知道导航定义屏幕可以通过const {navigation} = this.props;来获取navigation; 那么,如果我们在非导航器中所定义屏幕屏幕跳转关键一步...,就是要想法获取navigation; 那么,如何才能在非导航器中所定义屏幕获取到这个navigation呢?

3.9K30

如何在 elementary OS 改变锁定和登录屏幕壁纸

在 elementary OS 改变锁屏或登录屏背景灰色默认壁纸是有点困难。典型用图像文件路径改变 greeter 配置是行不通。...不幸是,这不是一个更简单解决方案,因为灰色背景是一个图像文件,它数据是硬编码在 greeter ,需要用新图像重新编译才能使其发挥作用。...下面是方法: 改变 elementary OS 锁定和登录屏幕背景 在 elementary OS 打开一个终端。.../tmp 目录, GitHub 克隆最新 greeter 主分支: cd /tmp git clone https://github.com/elementary/greeter.git 克隆完成后...elementary OS 使用一个 100×100px PNG 文件作为登录屏幕/锁屏默认背景。该图像是平铺,给人一种灰色背景感觉。

1.3K20

Android如何指定SnackBar在屏幕位置及小问题解决

Android指定SnackBar在屏幕位置 Snackbar 常以一个小弹出框形式,出现在手机屏幕下方或者桌面左下方,并且是在屏幕所有层最上方。...如果要指定它在屏幕出现位置,可以把SnackBar放置在android.support.design.widget.CoordinatorLayout内。...当然自己写显示在上边很麻烦,还要处理显示及隐藏动画 在Snackbar.Java animateViewIn() 和 animateViewout() 里都有规定 Github上有个很不错...总结:如果长期显示在顶部可以用Github项目,否则用design库就行 总结 以上就是这篇文章全部内容了,希望本文内容对大家学习或者工作具有一定参考学习价值,如果有疑问大家可以留言交流,谢谢大家对...ZaLou.Cn支持。

4.2K20

如何在Python01构建自己神经网络

在本教程,我们将使用Sigmoid激活函数。 下图显示了一个2层神经网络(注意,当计算神经网络层数时,输入层通常被排除在外。) image.png 用Python创建一个神经网络类很容易。...神经网络训练 一个简单两层神经网络输出ŷ : image.png 你可能会注意,在上面的方程,权重W和偏差b是唯一影响输出ŷ变量。 当然,权重和偏差正确值决定了预测强度。...输入数据微调权重和偏差过程称为训练神经网络。 训练过程每一次迭代由以下步骤组成: · 计算预测输出ŷ,被称为前馈 · 更新权重和偏差,称为反向传播 下面的顺序图说明了这个过程。...为了更深入地理解微积分和链规则在反向传播应用,我强烈推荐3Blue1Brown编写本教程。...image.png 让我们看一下神经网络经过1500次迭代最后预测(输出)。 image.png 我们做到了!我们前馈和反向传播算法成功地训练了神经网络,预测结果收敛于真值。

1.8K00

React Native顶|底部导航使用小技巧

导航一直是App开发中比较重要一个组件,ReactNative提供了两种导航组件供我们使用,分别是:NavigatorIOS和Navigator,但是前者只能用于iOS平台,后者在ReactNative0.44...好在有人提供了更好导航组件,就是我们今天要讲react-navigation,并且ReactNative官方更推荐我们使用此组件。 本篇文章只讲解基础用法,如果你想了解更多,请戳这里->戳我。  ...简介 react-navigation主要包括导航,底部tab,顶部tab,侧滑等,分别为: 导航 -> StackNavigator 底部或者顶部tab -> TabNavigator 侧滑 -> DrawerNavigator...routeName映射到路径配置,该配置将覆盖routeConfigs设置路径。...小技巧 1.去掉安卓下下划线,设置:tabBarOptions => indicatorStyle:{ height: 0 }; 2.底部导航导航最上方添加一条分割线,设置:tabBarOptions

7.7K60

深度 | 任务可视化,如何理解LSTM网络神经元

因此,我们转写任务开始进一步可视化角度解释神经网络单个神经元实际上都学到了什么,以及它们到底是如何决策。 目录: 转写 网络结构 分析神经元 「t」是如何变成「ծ」?...首先,我们使用一个特定字符作为输入,另一个特定字符作为输出。例如,我们对「t」是如何变成「ծ」比较感兴趣(我们知道 t 可以变成 տ、թ 或者ծ)。...两个神经元之间连线线宽代表更低层更高层连接贡献,即均值。橙色和绿色线分别代表正或负信号。...连接层神经元被分成两部分:左半部分神经元是输入序列向输出序列传播 LSTM,右半部分是输出向输入传播 LSTM。我们根据直方图距离每个 LSTM 展示出了前十个神经元。...下面几行展示了最有趣神经元激活程度: 输出到输入反向 LSTM 编号为 #6 单元 输入输出正向 LSTM 编号为 #147 单元 隐藏层第 37 个神经元 连接层第 78 个神经元

1.1K40

Apriso开发葵花宝典之八Portal Session篇

这个设置还直接确定了什么样导航操作可以引导这个特定屏幕。...页面堆栈Screen Stack: 每个门户会话调用一个相关联Screen堆栈。在屏幕之间导航时,可以将屏幕推入堆栈或堆栈拉出并呈现给用户。...当导航普通屏幕时,屏幕被放置在屏幕堆栈,可以稍后返回。但是,您可以使用导航类型更改屏幕屏幕堆栈交互方式。...Action可以通过以下UI事件调用: 点击屏幕按钮或标签 单击/双击业务控件特定位置(例如,在Grid控件一行上) 达到窗体控件上最大字符数 Action可以: 调用另一个动作 转到另一个屏幕...View Action,该动作随后成为特定屏幕本地动作,并带有修改过属性 附加了Change View属性:Change View可以在同一屏幕同一面板上不同视图之间切换。

11210

问与答61: 如何将一个文本文件满足指定条件内容筛选另一个文本文件

图1 现在,我要将以60至69开头行放置另一个名为“OutputFile.csv”文件。...图1只是给出了少量示例数据,我数据有几千行,如何快速对这些数据进行查找并将满足条件行复制新文件?...由于文件夹事先没有这个文件,因此Excel会在文件夹创建这个文件。 3.EOF(1)用来检测是否到达了文件号#1文件末尾。...4.Line Input语句文件号#1文件逐行读取其内容并将其赋值给变量ReadLine。 5.Split函数将字符串使用指定空格分隔符拆分成下标以0为起始值一维数组。...6.Print语句将ReadLine变量字符串写入文件号#2文件。 7.Close语句关闭指定文件。 代码图片版如下: ?

4.3K10
领券