设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2722|回复: 439

[视频教程] 15、手把手教React Native实战之Navigator参数传递

  [复制链接]

401

主题

762

帖子

6895

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6895
发表于 2016-6-16 14:58:26 | 显示全部楼层 |阅读模式
#15、手把手教React Native实战之Navigator参数传递

怎么传递参数过去,或者从对方获取参数。

加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码


##从列表页To详情页:
传递参数,通过push就可以了。

params: {
                    id: this.state.id
                }

这个语法是把 routes.params 里的每个key 作为props的一个属性:{...route.params}

componentDidMount() {
        //这里获取从列表页传递过来的参数: id
        this.setState({
            id: this.props.id
        });
    }

使用这个参数:{this.state.id}

##从详情页To列表页:

综合实例:从列表页传递用户id给详情页,详情页跟进用户id查询用户信息,并把
用户信息回传给列表页显示出来

const self=this;

params:{
                    id:this.state.id,
                    //从详情页获取user
                    getUser: function(user) {
                        self.setState({
                            user: user
                        })
                    }
                }

if(this.props.getUser) {
            let user = USER_MODELS[this.props.id];
            this.props.getUser(user);
        }

        if(navigator) {
            //很熟悉吧,入栈出栈~ 把当前的页面pop掉,这里就返回到了上一个页面ist了
            navigator.pop();
        }




##15、配套视频(下载地址)【回复本帖才可见】:
游客,如果您要查看本帖隐藏内容请回复

react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

0

主题

56

帖子

126

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
126
发表于 2016-6-16 19:08:19 | 显示全部楼层
学习中,视频不错:):):):):)
回复 支持 反对

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 21:24:18 | 显示全部楼层
学习学习学习学习
回复 支持 反对

使用道具 举报

1

主题

10

帖子

39

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
39
发表于 2016-6-26 08:31:07 | 显示全部楼层
强大撒打算的撒打算的
回复 支持 反对

使用道具 举报

1

主题

48

帖子

123

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
123
QQ
发表于 2016-6-26 22:55:57 | 显示全部楼层
唯独缺少这个了
回复 支持 反对

使用道具 举报

0

主题

11

帖子

44

积分

新手上路

Rank: 1

积分
44
发表于 2016-6-28 22:24:13 | 显示全部楼层
ver喜欢 赞赞赞  支持  
回复 支持 反对

使用道具 举报

0

主题

80

帖子

210

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
210
发表于 2016-6-29 09:41:58 | 显示全部楼层
不错不错不错不错不错
回复 支持 反对

使用道具 举报

1

主题

60

帖子

191

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
191
发表于 2016-6-29 15:53:38 | 显示全部楼层
~~牛牛牛
回复

使用道具 举报

0

主题

13

帖子

30

积分

新手上路

Rank: 1

积分
30
发表于 2016-6-29 16:13:13 | 显示全部楼层
yes thank you
回复 支持 反对

使用道具 举报

0

主题

51

帖子

140

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
140
发表于 2016-6-30 11:00:37 | 显示全部楼层
学习学习学习
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-7-19 19:42 , Processed in 0.165503 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表