React Native导航器之react-navigation使用
在上一节Navigation组件，我们使用系统提供的导航组件做了一个跳转的例子，不过其实战能力不强，这里推荐一个超牛逼的第三方库：react-navigation。在讲react-navigation之前，我们先看一下常用的导航组件。
导航控件
常见的导航主要分为三种：
1.StackNavigator ：类似于普通的Navigator，屏幕上方导航栏
2.TabNavigator：obviously, 相当于iOS里面的TabBarController，屏幕下方标签栏
3.DrawerNavigator：抽屉效果，左侧滑出这种效果。
Navigation 使用
在你使用navigation的每一个界面navigation都提供相关的属性和响应方法，常见的有：
navigate 定义跳转到另一个页面
调用此方法去链接你的其他界面，主要有以下参数：
·routeName- 目标路由名称，将在你的app router中注册
·params-将参数合并到目标router中
·action-(高级)sub-action ，如果该界面是一个navigator的话，将运行这个sub-action
例如：
React Native导航器之react-navigation使用相关推荐
- Web前端：React Native Web与React — 比较指南
React 是Facebook开发的用于构建交互式用户界面的JavaScript库.React 在 Apache 许可下作为开源软件提供,可用于个人和商业网站.客户端 Web 应用程序和服务器应用 ...
- 【React Native开发】React Native控件之DrawerLayoutAndroid抽屉导航切换组件解说(13)
转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50599951 本文出自:[江清清的博客] (一)前言 [好消息]个人 ...
- 【React Native进阶】React Native Gesture Handler的使用
背景 说到React Navtive的性能优化,首先要了解React Native的运行机制.React Native程序主要运行在三个并行的线程上: JS Thread:我们写的JS代码逻辑都是在这 ...
- 【React Native开发】React Native控件之RefreshControl组件具体解释(21)
转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50672747 本文出自:[江清清的博客] (一)前言 [好消息]个人 ...
- 【React Native开发】React Native控件之TextInput组件讲解与QQ登录界面实现(11)
转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50589570 本文出自:[江清清的博客] (一)前言 [好消息]个人 ...
- 如何在React Native中使用React JS Hooks？
In my articles, I'm going to be using either expo or snack online IDE and android emulator. 在我的文章中,我 ...
- React Native－6.React Native Text组件，多组件封装实战之凤凰资讯页面
现来个图:没图说个xx 先来分析怎么做 一个导航栏 一个列表 一个摘要列表 大体可以分为上中下三个模块,那么我们从上到下一次封装. 我们来搞出些事情 创建.js文件,一个组件一个.js文件 我们通过命 ...
- React Native零基础+React Native重入门到精通+混合APP完整版
第1章 介绍课程目标和学习内容 包括课程概述.课程安排.学习前提.讲授方式等方面的介绍,最后演示了整个招聘App的功能,让同学们对课程项目有一个直观的了解. 1-1 课程导学 第2章 知识储备 2-1 ...
- React Native－9.React Native Touchable组件详解
Touchable系列组件简介 RN中没有web中给元素绑定click事件的机制,但是在上一节中我们知道Text组件中我们可以绑定onPress事件来触发点击事件,为了像Text组件那样使得其它组件可 ...
- React native 第三方组件 React native swiper
简介: 这个框架主要是用来做轮播图,焦点图等,内置了各种样式的轮播图. github地址: https://github.com/leecade/react-native-swiper 如何使用 安装 ...
最新文章
- （每日一题）CF1139D Steps to One 2021年天梯赛 L3-3 可怜的简单题（期望，莫比乌斯反演，杜教筛）
- 车道线检测（opencv）
- Canvas 波形图
- matlab 随机数权重,MATLAB中加权随机数
- aix 卸载mysql_AIX 删除数据库及集群软件
- ntpdate报错the NTP socket is in use, exiting
- 2015蓝桥杯C++A：方程整数解；星系炸弹（3种解法）
- 【转】C++实用技巧（三）
- 时间管理（二）：时间管理的六项基本原则
- 计算机基础知识试题和答案6,计算机基础知识试题及答案选择题（九）
- python二元一次方程组用鸡兔同笼的思路来写编程_3 应用二元一次方程组——鸡兔同笼 教学设计...
- 收集到特拉斯的《引力的动态理论》之中的几句话
- SQL中MINUS的用法
- 抗光幕布为什么深受家庭用户青睐？
- 【数论】线性筛与积性函数
- 云班课蓝墨云网页版资源如何下载
- 如何删除数据库中重复的记录
- vartualBox安装oracle数据库
- QGraphicsView图形视图框架使用(三)位移变换和图元定位
- jdbc.properties 系统找不到指定路径问题