从零开始学习React Native
这篇专栏将在零基础的情况下,一点点的了解,学习ReactNative。会从安装,控件,API的使用进行一步一步的学习,并最后结合Android实现RN与原生的组合使用。
SuperBigLw
这个作者很懒,什么都没留下…
展开
-
React Native从零开始(十一)Button的使用
React Native从零开始(十一)Button的使用 React Native在新的版本中添加了Button的控件,我也忘记是那个版本了,反正不用像以前那样我们去自己用TouchableOpacity来写了,怎么说吧我觉得有利也有弊。感觉TouchableOpacity更加的灵活吧。 会找时间写一下自己的Button(TouchableOpacity。。。)一、基本属性 accessibil原创 2017-02-16 14:42:31 · 6228 阅读 · 0 评论 -
React Native从零开始(十)ActivityIndicator的使用
React Native从零开始(十)ActivityIndicator的使用 ActivityIndicator就是我们常见的Loading提示符号,实现起来也很简单,基本的属性也不多。废话不说先来一张效果图一、基本属性 animating bool #:是否显示指示器(true、false)默认为true。 color string :滚轮的前景颜色(默认为灰色)。 size enum('sm原创 2017-02-16 11:16:27 · 1505 阅读 · 0 评论 -
React Native从零开始(九)ViewPagerAndroid的使用,和简单框架搭建
React Native从零开始(九)ViewPagerAndroid的使用,和简单框架搭建先上一下效果图,在最后会给出源码一、ViewPagerAndroid的基本使用做过Android开发的程序猿对于ViewPager应该都很熟悉,使用起来也是得心应手的。但是React Native的ViewPagerAndroid相对于An原创 2017-01-20 09:45:19 · 1091 阅读 · 3 评论 -
React Native从零开始(八)ListView网络获取数据(Fetch)显示
React Native从零开始(八)ListView网络获取数据(Fetch)显示先上效果图:一、思路实现这个效果,我们需要了解ListView的实现和Fetch的实现方法,并将其结合,这两个知识点在前两篇博客中已经有写到,其实没有什么难点,也可以加上页面等待时的一个效果,原创 2017-01-17 10:23:33 · 2590 阅读 · 0 评论 -
React Native从零开始(七)Fetch网络请求
React Native从零开始(七)Fetch网络请求先上效果图因为网络请求比较简单,所以我们直接先开始看语法然后看这个GET和POST不同的实现就好。一、语法使用/* 语法: fetch(参数) .then(完成的回调函数) .catch(失败的回调函数) fetch(url,o原创 2017-01-16 15:07:22 · 8478 阅读 · 3 评论 -
React Native从零开始(六)ListView的简单使用
React Native从零开始(六)ListView的简单使用先来一张效果图:一、首先是数据的准备这里有一个链接我们可以在这里得到数据源,至于网络获取实现ListView的话那么,在下一篇博客会讲解如何网络获取数据,这篇博客就是简单的介绍如何使用ListViewhttps://raw.githubusercontent.co原创 2017-01-16 10:42:23 · 4634 阅读 · 1 评论 -
React Native从零开始(五)Text
React Native从零开始(五)Text一个用于显示文本的React组件,并且它也支持嵌套、样式,以及触摸处理。跟Android中的TextView差不多这个例子跟官网的差不多,实现了点击事件和state属性和Text嵌套,整体的代码如下/** * Sample React Native App * https://github.com/f原创 2017-01-13 15:33:32 · 1507 阅读 · 1 评论 -
React Native从零开始(四)打包发布(Android)
React Native从零开始(四)打包发布(Android)因为我们在调试React Native的时候需要连接手机或者是虚拟机,我们需要让其跟电脑处在同一网段接口上。那么如何将React Native程序打包发布呢?这个不需要其他的技术有过Android开发经验的基本都可以将其打包,下面就是打包的步骤。一、生成签名文件(类似于Android的签名文件)原创 2017-01-13 14:38:40 · 2695 阅读 · 3 评论 -
React Native从零开始(三)Props(属性)和State(状态)
React Native从零开始(三)Props(属性)和State(状态)一、Props(属性)首先官网上的介绍:原创 2017-01-12 15:29:46 · 8474 阅读 · 1 评论 -
React Native从零开始(二)Flexbox布局,和布局属性
React Native从零开始(二)Flexbox布局,和布局属性一、什么是FlexBox我们在React Native中使用flexbox规则来指定某个组件的子元素的布局。Flexbox可以在不同屏幕尺寸上提供一致的布局结构。Flexbox是由伸缩容器和伸缩项目组成。 任何一个元素都可以指定Flexbox布局,伸缩容器的子元素可以成为伸缩项目,伸缩项目使用伸缩布局模型来排版。原创 2016-12-30 14:43:18 · 2087 阅读 · 8 评论 -
React Native从零开始(一)React Native编辑器配置(webstorm)
React Native从零开始(一)React Native编辑器配置(webstorm)因为之前和现在都是在做Android开发的,网页什么的接触的也不多,所以对于编辑器的选择的话,我还是倾向于Webstorm。因为他的快捷键和使用方式跟Android Studio差不多,所以对于这种用习惯了Android Studio的人来说Webstorm还是很好的。一、下载Webstor原创 2017-01-05 09:16:31 · 13909 阅读 · 3 评论