![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React Native
文章平均质量分 67
ElminsterAumar
Love magic for itself.
I ain't never backin' down (come and step in the plate).
For my city for my town (I'll do whatever it takes).
展开
-
运行ReactNative示例
既然感觉ReactNative开发靠谱, 那么我们就来看看ReactNative都能做哪些好玩的东西, 和原生的有哪些区别? 示例图 按照文档安装一些命令行工具, 再下载Git代码. Github: https://github.com/facebook/react-native内容很多, 包含一些依赖库和示例(Example), 下载的有点慢, 耐心等待.下载完成后, 在react-nati原创 2015-10-31 17:39:23 · 3763 阅读 · 1 评论 -
React Native 实例 - 网格游戏
通过编写React Native实例, 理解代码逻辑, 熟悉编程规范. 本文介绍网格游戏, 从中可以学习绘制数组拼接页面, 创建动画视图的使用方式. 多做多练多思考. 更多: http://www.wangchenlong.org/本文源码的GitHub下载地址 欢迎Follow我的GitHub: https://github.com/SpikeKing主页引入主页(Main), 使用r原创 2016-04-28 16:52:20 · 3275 阅读 · 0 评论 -
React Native 实例 - 房产搜索App
欢迎Follow我的GitHub, 关注我的CSDN, 未经授权, 禁止转载.React Native 开发已经初见端倪, 可以完成最基本的功能. 通过开发一些简单的应用, 可以更加熟练的掌握 RN 的知识. 本文介绍非常简单的一款房产搜索的App, 通过调用公开的搜索服务, 把网络的数据展示在应用中. 通过代码更多的了解 RN 的特性. 更多: http://www.wangchenlong原创 2016-04-28 16:41:42 · 2920 阅读 · 0 评论 -
运行 React Native 的开源工程
在学习 React Native 的过程中, 需要多学习其他人的代码, 则运行其他项目必不可少. 完整的 React Native 包含两个部分, Android 和 iOS . 本文介绍一些在运行时的注意事项. 欢迎Follow我的GitHub: https://github.com/SpikeKing运行 iOS 版React Native 的规范或编码更偏向于 iOS, 同时一些开源原创 2016-04-28 16:37:15 · 2818 阅读 · 0 评论 -
运行 React Native 的默认工程 UIExplorer
欢迎Follow我的GitHub, 关注我的CSDN, 未经授权, 禁止转载.使用 React Native 框架可以使用相同的代码编写不同平台的应用. 在学习过程中, 既会兼顾老朋友 Android , 有要熟悉新朋友 iOS . 本文主要介绍运行 RN 的默认工程 UIExplorer .工作环境是 Mac + VPN + Android Studio + Xcode + PyCharm +原创 2016-04-28 16:34:21 · 3318 阅读 · 0 评论 -
ReactNative基础教程
通过tutorial文档, 我们开发一个小的工程(ListView), 在Android和iOS使用相同的代码, 展示出一样的风格, 表明ReactNative开发的便捷.显示效果 工欲善其事, 必先利其器. 开发环境Atom集成Nuclide. Atom的配置和插件存储在.atom文件夹下, 如果想重新使用Atom, 删除文件夹即可. 在开发过程中, 使用Atom集成Nuclide会特别卡,原创 2015-11-08 20:57:25 · 3239 阅读 · 1 评论 -
ReactNative的Atom编辑器
工欲善其事, 必先利其器. ReactNative作为Facebook贡献的库, 里面有些定制的东西. 官方推荐Atom+Nuclide, 那么就尝试一下Atom. 在测试过程中, 发现安装Nuclide之后, Atom编辑器特别卡顿, 原因不明, 所以又测试了一些其他插件. 我来罗列几个必须的.1. Atom下载Atom编辑器, 安装, 介绍参考文档.2. Atom-React插件Atom-Re原创 2015-11-30 08:15:28 · 6675 阅读 · 7 评论 -
ReactNative的ScrollView简述
本来想写点ListView的东西, 但是在发现ScrollView实现列表(list)时, 有很多需要注意的地方, 就写了一个小Demo简要说明一下. 功能非常简单, 在滑动ScrollView中, 设置多个图片, 每个图片可以点击, 弹出图片信息.1. 配置从一个HelloWorld工程开始, 搭建项目. 入口index.android.js, 跳转模块RnListView.'use stric原创 2015-11-30 08:21:15 · 2444 阅读 · 2 评论 -
ReactNative的ListView简述
上篇文章, 熟悉了ScrollView, 这次来看看ListView. 把稍复杂一点的控件熟悉一下, 再通过具体的项目学习框架. JSX的语法非常简洁, 写出同样的功能, 要清晰许多.1. 准备新建一个项目, 修改入口index.android.js.'use strict';var React = require('react-native');var { AppRegistry,} = R原创 2015-11-30 08:24:58 · 3021 阅读 · 4 评论 -
ReactNative调试
1. 缺少模块根目录, 输入npm install, 会自动安装所需模块. 具体会调用package.json内容, 下载dependencies依赖模块.{ "name": "ChunyuYuEr", "version": "0.0.1", "private": true, "scripts": { "start": "react-native start" },原创 2015-11-30 08:12:33 · 2832 阅读 · 1 评论 -
ReactNative生成签名APK
ReactNative项目最终要面向市场, 生成签名的Apk应用程序, 并发布到各大市场. 官网已经提供了参考, 非常简单, 现在啰嗦几句.1. 去掉开发模式修改主页入口, setUseDeveloperSupport(false), 去掉开发者支持功能. mReactInstanceManager = ReactInstanceManager.builder()原创 2015-11-30 08:23:11 · 3456 阅读 · 3 评论 -
ReactNative的ViewPagerAndroid简述
ViewPager是Android中比较常见的页面切换控件, 同时, 在UIExplorerApp中也有ViewPagerAndroid的示例. 通过使用这个控件, 理解ReactNative的实现逻辑. 我们现在来分析一下ViewPager的使用方式和ReactNative的编程要点, 本文注释也很清晰.效果 1. 准备新建ReactNative的项目.npm install -g react-原创 2015-11-30 08:19:32 · 3004 阅读 · 1 评论 -
闪屏(Splash)
好久没弄RN了, 写个如何实现闪屏(Splash)的文章吧.注意: (1) 如何切换页面. (2) 如何使用计时器TimerMixin. (3) 如何使用动画效果. (4) 如何加载Android的项目资源(图片).1. 准备新建项目, 添加主模块index.android.js./* @flow *//** * 测试 * @author wangchenlong */'use s原创 2015-12-16 06:50:19 · 3253 阅读 · 6 评论 -
已有Android工程集成DCloud页面
DCloud是HTML5开发App的一个模式, 由国人开发的, 介绍就不多说了, 直接官网看吧. 网址: http://www.dcloud.io/优势呢, 就是支持一些常见的国产第三方库, 如微信, 微博, 高德一类的. 劣势呢, 竟然不能直接用gradle加载库, 没有使用maven管理! 文档也不是很详细. 那么我们怎么集成到项目里呢? 我们就拿HelloWorld来测试一下.1. 准备原创 2015-10-31 17:34:59 · 2922 阅读 · 3 评论 -
HybridApp开发库
开发App时, 把一些页面使用HTML5开发, 集成到iOS和Android中, 比较省时省力. 那么来看看都有哪些主流库可以使用呢?本文主要关注三个: PhoneGap, DCloud, ReactNative, 并都做了尝试. PhoneGap: http://www.jianshu.com/p/c7fd736437b0 DCloud: http://www.jianshu.com/p/2c原创 2015-10-31 17:37:39 · 2221 阅读 · 2 评论 -
已有Android工程集成ReactNative页面
React Native出自Facebook之手, 而且刚刚更新了文档, 差一点我就放弃它了, 然而又捞了回来, 相比其他, 毕竟还是大公司大品牌有保障. 不多说了, 想知道更多, 自己网上看吧.网址: http://facebook.github.io/react-native/让我们看看Docs中Android的Guides.Integrating with Existing Apps里面是教如原创 2015-10-31 17:33:54 · 4404 阅读 · 1 评论 -
ReactNative项目配置要点
这篇文章存在问题, 仅供参考, 完整配置参见: http://www.jianshu.com/p/7a6639d67783今天尝试运行ReactNative的Example项目, 在配置项目时候, 需要注意几点事项.1. npm install缓慢npm install运行很慢, 无法忍受, 更换缓存服务器可以加快速度.npm install -g cnpm --registry=http://r原创 2015-10-31 17:38:43 · 4525 阅读 · 2 评论 -
已有Android工程集成PhoneGap页面
1. 需求工作之前, 先说说需求 - NativeApp和WebApp各有千秋, 为了各取所长, 我们需要在在已有的应用中集成H5页面, 那么如何做呢? 让我们来看看PhoneGap, 试试这个东西怎么用!网址: http://phonegap.com/ 下载: http://phonegap.com/install/下载SDK, 当然必须下载最新的, PhoneGap 2.9.1.新建Andr原创 2015-10-31 17:32:49 · 3210 阅读 · 1 评论 -
React Native 实例 - BBC新闻客户端
欢迎Follow我的GitHub: https://github.com/SpikeKing关于React Native的实例, BBC新闻客户端. 通过访问BBC的公开网络接口, 获取新闻内容, 也可以根据类型显示. 在编写代码中, 学习RN的知识, 源码是使用ES6的规范编写, 符合Facebook的RN代码最新规范.主要技术访问网络请求, 过滤内容, 获取数据.显示多媒体页面, 图片,原创 2016-05-16 17:49:15 · 4672 阅读 · 0 评论