react native (二)‘电影列表demo’

第二天 完成demo-熟悉一下react native的编程风格。
经过前一天JS-OC相互调用的学习 熟悉了JS-OC两者之间的关系,也算为react native学习的过渡,
今天完成了 官网的一个小demo 虽然不是什么大工程 但整个流程走下来 也蛮有成就感的 也算为react native的学习增强了信息。
官网demo地址:http://reactnative.cn/docs/0.38/sample-application-movies.html 里面有完整的demo代码。
并附自己完成的结果图一张:
这里写图片描述
再说一下完成过程中遇到的疑难点(就是bug吧):
首先就是一片红(开始自己都被吓住了):
这里写图片描述
不过要淡定,应该是有关键词语法错误(毕竟刚开始学,最容易出现的语法错误来啊,嘿嘿)果不其然
这里写图片描述
这里的应该成对出现的,果然这样就对啦
这里写图片描述
紧接着红就变成了黄
这里写图片描述这里写图片描述

嘿嘿 不过不是红就稍微开心一下一下啦,经过提示中的Image一般查找研究,发现在import中没有声明(也不知道声明这个词用在这合适不,��)
这里写图片描述
修改:
这里写图片描述

这就对了呀,哈哈。

好啦 继续自己的小demo,一切顺利
最后加入接口展示数据 运行项目,就在这激动人心的时刻(也就我自己激动,��)出现了下面的结果:
这里写图片描述
这里写图片描述
哈哈 既然是提示就去搜索一下,果然
这里写图片描述
这里写图片描述
这就容易了嘛,��。

这个过程下来,自己也从中感受到了点与OC的不同之处,思想的不同,也算没有白白浪费自己一天的学习。

接下来的学习重点在于搞懂各种组件,组件的使用方法,各种方法,函数等。加油!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值