react-native的跳转功能Navigator

xiaoxiao2021-02-27  287

  最近在学习react-native,因为工作要用这个技术做APP。他是即react之后的升级版。里面有很多的组件可以使用,但是都是基于JS之上的。我觉得rn用自己写的js封装起来还是不错的。毕竟是原声的嘛。

  今天介绍下跳转功能的使用吧!

1.首先导入这个组件

2.在当我点击这个按钮的时候这个页面跳转。

3.创建一个_pressButton的函数。其中component中的DetailPage是跳转页面的页面名,params里面用于定义要传过去的参数。里面的属性名比如name可以执行定义。

4.在跳转到的页面DetailPage中在componentDidMount中写下面的代码就好了。name是从上个页面传的值。

5.在DetailPage页面定义name的初始值:

好了,这样的话就完成了页面的跳转了。很简单吧。这都是我看了很多文档弄出来的啊。

如果你想再跳转回去的话,那我们继续往下看:

1。在DetailPage页面中写下面代码:

2.

OK了,这样就能跳回去了。

我这篇文章没有设么原理,但是都是个人实践,简单直入。

转载请注明原文地址: https://www.6miu.com/read-3153.html

最新回复(0)