React Native
si1279571489
怕走崎岖路,莫想登高峰
展开
-
react native (一) 搭建环境
作为react native的初学者,发表此类博客完全是基于记录自己的学习进度与状态,并与广大学者分享讨论,如果本文及后续更新文章出现错误的地方,请谅解,请多多指教。搭建了Mac iOS平台下的 react native环境(参考react native官网http://reactnative.cn/docs/0.38/tutorial.html#content文档), 很高兴,经过大半天的终端原创 2016-12-02 18:05:42 · 289 阅读 · 0 评论 -
react native (五)嵌入到原生应用
今天一天算是只研究了这部分,现在把不用终端 react native init命令创建工程,直接在现有的工程上嵌入react native,现将步骤归结如下:1.先建一个空文件夹实际上(命名我都和现有xcode工程名相同)然后把你工程的文件夹拽入该文件夹中,并将工程文件夹改为ios(目的和官方文档上一直,我感觉这样也不容易出错)如图: 现在把你的工程cocopops管理(cocopops安装就原创 2016-12-09 10:20:40 · 1452 阅读 · 0 评论 -
react native(九)修改警告 解决图片加载的坑
图片加载陷入了坑中,不管是本地图片还是网络图片,都没法显示,但是程序并没有一片红,我也十分确定我的图片加载代码正确,以我柯南附体的指挥,我判定与警告有关,哈哈 自从昨天开始就存在两个⚠️,我是那是有强迫症的人,必须解决。 1. Native component for “RCTImageView” does not exist 意思是说 我用的Image在库的组件中找不到 复制粘贴百度,经原创 2016-12-13 15:52:01 · 1769 阅读 · 1 评论 -
react native(八)加载网络数据 和chrome
进过一天的激烈战斗,UI界面终于成型,今天就开始加载网络数据 在官网上先看了一个短视频,发现了这个调试器chrome1.好吧就先来说一说chrome(谷歌浏览器): http://localhost:8081/debugger-ui打开这个网址 找到:视图-》开发者-》开发者工具 切到console目录 启动你的项目如是模拟器:command+D 选择Debug JS Remotely原创 2016-12-13 15:50:19 · 550 阅读 · 0 评论 -
react native(七) 界面 UI-demo
今天本想继续组件的学习,不过突然接到主管任务(其实也不算任务了,可能主管经验丰富知道该怎么开始学习一门新语言),让我们做个界面,截图发我(心里默默一声 天)截图如下(估计也是我们主管随便在那个APP上随便截的,让我们来练手的):只好硬着头皮上啦(俗话说,人不逼不成器 ��) 给我五分钟,我需要构思: 1.决定,下面tabBar和上面navigationBar 用原生代码OC来做,比起那些一心求成原创 2016-12-13 15:46:45 · 1034 阅读 · 0 评论 -
react native (六)终于进入语法几个组件的学习
好吧 也不知道怎么开始 就瞅着官网开始看呗,那就先看常用的吧。 OC常用控件的基础上我挑了几个常用控件,View Button ImageView ListView scrollerView text……注意一定要边看边敲,将官网上的实例代码敲一遍原创 2016-12-13 15:28:43 · 271 阅读 · 0 评论 -
react native (三) 入门基础知识
其中包括一些常用组件,边看边练习敲边思考,一开始Props和State还是挺容易理解的,后面就有点困难啦,不过没关系,不放弃,加油一定要弄懂。 在自己实践过程中一点领会,而且在官网没有指出的 使用Flexbox布局 flexDirection、alignItems和 justifyContent 父组件使用flex中子控件不能利用width和height布局总的感觉,官网的内容太不细致,有的原创 2016-12-05 18:40:45 · 254 阅读 · 0 评论 -
react native (四)进阶应用指南
今天依旧从官网上继续学习的,已经进行到进阶指南,这部分呢应该是为已经有基础的react native使用者介绍的,但是自己今天还是收获了一些东西的。 其实大部分我也没看懂,嘿嘿,但我还是坚持看,争取弄懂。 特别是第一部分,嵌入到原生应用中,看完这部分,大致对react native和oc的关系有进一步的理解。 明天继续 使用指南(iOS)原创 2016-12-06 18:29:21 · 274 阅读 · 0 评论 -
react native (二)‘电影列表demo’
第二天 完成demo-熟悉一下react native的编程风格。 经过前一天JS-OC相互调用的学习 熟悉了JS-OC两者之间的关系,也算为react native学习的过渡, 今天完成了 官网的一个小demo 虽然不是什么大工程 但整个流程走下来 也蛮有成就感的 也算为react native的学习增强了信息。 官网demo地址:http://reactnative.cn/docs/0.原创 2016-12-02 18:37:56 · 1025 阅读 · 0 评论 -
React Native布局详细指南
React Native布局详细指南 <div class="article_manage clearfix"> <div class="article_r"> <span class="link_postdate">2016-08-15 22:43</span> <span class="link_转载 2016-12-09 10:28:25 · 436 阅读 · 0 评论