东方耀 发表于 2016-6-16 14:58:26

15、手把手教React Native实战之Navigator参数传递

#15、手把手教React Native实战之Navigator参数传递

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

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

##从列表页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.getUser(user);
      }

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




##15、配套视频(下载地址)【回复本帖才可见】:**** Hidden Message *****

zhuhuan4884 发表于 2016-6-16 19:08:19

学习中,视频不错:):):):):):):):):):):):):):):)

dq0709 发表于 2016-6-23 21:24:18

学习学习学习学习

lixiaohu 发表于 2016-6-26 08:31:07

强大撒打算的撒打算的

woshishui1243 发表于 2016-6-26 22:55:57

唯独缺少这个了

xiaomei 发表于 2016-6-28 22:24:13

ver喜欢 赞赞赞支持

kanghb 发表于 2016-6-29 09:41:58

不错不错不错不错不错

Away0x 发表于 2016-6-29 15:53:38

~~牛牛牛

jamie 发表于 2016-6-29 16:13:13

yes thank you

zhaoyun 发表于 2016-6-30 11:00:37

学习学习学习
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 15、手把手教React Native实战之Navigator参数传递