关注
分享
学习react native基础知识，从开发环境的搭建，基本组件的学习，到使用react native开发一个简单的新闻客户端系统。
mockingbirds
这个作者很懒，什么都没留下…
展开
-
React native之IntentAndroid学习
IntentAndroid是RN提供的一个通用接口来调用外部链接，IntentAndroid有如下方法：static openURL(url: string) 根据给定的URL启动对应的应用。static canOpenURL(url: string, callback: Function) 判断是否有已安装的应用可以处理传入的URL。static getInitialURL(callback:原创 2016-01-31 20:17:55 · 2917 阅读 · 0 评论 -
react native使用原生模块
有时候App需要访问平台API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用Javascript重新实现一遍；又或者你需要实现某些高性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。使用步骤 ##在RN中使用系统原生模块需要如下步骤：创建一个原生模块。一个原生模块是一个继承了ReactContextBaseJavaModule的Ja原创 2016-01-31 16:07:06 · 4995 阅读 · 8 评论 -
react native学习之Toast
今天学习react native中的另外一些API,在android开发中，经常会需要用到ToastAndroid，其实facebook也封装好了该组件，ToastAndroid。ToastAndroid学习先看下使用ToastAndroid的方法和属性方法static show(message: string, duration: number) 属性SHORT: MemberExpressi原创 2016-01-19 23:51:32 · 8135 阅读 · 0 评论 -
react native之API学习
Alert用于启动一个提示对话框，包含对应的标题和信息。在Android上最多能指定三个按钮，这三个按钮分别具有“中间态”、“消极态”和“积极态”的概念。Alert学习Alert的API如下：static alert(title: string, message?: string, button?: Buttons, type?: AlertType) Alert默认样式render: functi原创 2016-01-18 16:19:31 · 2150 阅读 · 0 评论 -
react native组件学习(四)
PullToRefreshViewAndroid学习PullToRefreshViewAndroid是一个视图，可以放置单个可滚动子视图，当子视图的竖直方向偏移（scrollY）为0时，将其下拉可以触发一个onRefresh事件。在学习PullToRefreshViewAndroid组件之前，如果没有一定的基础，建议先阅读前面的文章，因为，这里我在之前学习ScrollView的基础上，添加PullT原创 2016-01-18 12:43:58 · 2030 阅读 · 0 评论 -
react native组件学习之listview
ListView是reacct native的一个重要组件，类似于android中的listview和recyclerview,react native中ListView的基本使用步骤如下：创建一个ListView.DataSource数据源，给它传递一个普通的数据数组使用数据源来实例化一个ListView组件定义ListView的renderRow回调函数，该函数根据数组中的每个数据，返回L原创 2016-01-17 20:51:58 · 5501 阅读 · 0 评论 -
react native组件学习(三)
继续react native之旅，其实官方给出的栗子，也是很值得学习的，我们可以在react native github上下载demo，下面说说，我在运行UIexplorer时候遇到的错误。运行UIexplorer新创建一个uiexplorer目录执行如下命令：git clone https://github.com/facebook/react-native.gitcd react-native原创 2016-01-11 22:31:13 · 3905 阅读 · 0 评论 -
react-native组件学习(二)
今天初步学习了react中的一些组件，跟大家分享一下：DrawerLayoutAndroidDrawerLayoutAndroid是android上专有的组件，类似有android上的DrawerLayout布局，用来设置滑动抽屉的，该组件是通过renderNavigationView方法来渲染的：DrawerLayoutAndroid 常用属性有如下属性：drawerPosition 指定抽屉原创 2016-01-09 14:48:52 · 2149 阅读 · 0 评论 -
react-native图片组件的使用
今天学习react-native图片组件，在react中，为我们提供了一个Image组件用来显示多种不同类型图片，包括了网络图片、静态资源、临时的本地图片、以及本地磁盘上的图片等快速开始下面我创建一个叫做secondProject的工程用来学习Image组件。react-native init secondProjectreact-native androidreact-native run-a原创 2016-01-05 23:33:58 · 7983 阅读 · 1 评论 -
react native之helloworld
上一篇博客学习了如何在windows下搭建reactnative开发环境，先来简单总结一下吧：安装react-native命令：#在终端输入如下命令来安装react-native命令npm install -g react-native-cli创建react native工程 #同样在终端下输入如下命令来创建react native工程react-native init 工程名开启re原创 2016-01-05 00:26:04 · 1353 阅读 · 2 评论 -
windows下搭建react native开发环境
最近一直想学习react native，苦于自己的windows开发环境难以搭建，今天去好友那里终于解决了该问题总结了一下就是自己的网络是一坨屎。好了，废话不多说，开始吧准备工作这里的准备工作，主要分为如下几点：安装jdk，配置jdk的环境变量配置android开发环境，配置sdk的环境，这里的sdk必须有23版本安装genymotion，当然这里也可以使用真机调试安装git安装node.原创 2016-01-04 23:03:59 · 1334 阅读 · 0 评论