#
ReactNative学习笔记(七)Navigator的使用

前言Navigator主要用于ReactNative中的跳转,中文文档: http://reactnative.cn/docs/0.39/using-navigators.html 懒得打字介绍更多了,将上面的官网文档看一遍之后应该有个大概了解了。 initialRoute 配置初始路由参数;configureScene 用于配置场景动画;renderScene 指示具体如何渲染一个场景... 阅读全文

@2016-12-07 ReactNative 浏览(531)
#
ReactNative学习笔记(六)集成视频播放

概述视频播放可以自己写原生代码实现,然后注入JS。如果对视频播放没有特殊要求的话,可以直接使用现成插件。 到官方推荐的插件网站搜索找到下载量第一的插件:react-native-video。 安装安装很简单: npm install -g react-native-video配置配置过程官网已经介绍的很详细了,这里再复述一遍。 首先运行react-native link来链接react-n... 阅读全文

@2016-11-25 ReactNative 浏览(1772)
#
ReactNative学习笔记(五)踩坑总结

已经发现的bug或者问题 Android不支持shadow属性;Animated.Image的borderRadius不生效;setNativeProps无法修改图片的source;没有直接设置组件显示与隐藏的属性,只能变相实现;require加载图片不能是变量或者拼接的字符串;require加载json也是一样,也不支持动态加载;图片拉伸时默认效果是cover,而不像html中的stretch... 阅读全文

@2016-11-07 ReactNative 浏览(509)
#
ReactNative学习笔记(四)热更新和增量更新

概括关于RN的热更新,网上有很多现成方案,但是一般都依赖第三方服务,我所希望的是能够自己管控所有一切,所以只能自己折腾。 热更新的思路热更新一般都是更新JS和图片,也就是在不重新安装apk的情况下更新JS和图片,这个需求是很普遍的。通过前面的了解我们知道RN的JS都被打包成了一个bundle文件,默认是在assets文件夹下面,但是这个文件夹是只读不可写的,那怎么办呢?好在RN有一个getJSB... 阅读全文

@2016-11-03 ReactNative 浏览(2194)
#
ReactNative学习笔记(三)打包、调试、运行等相关介绍

各种命令个人习惯在项目根目录下把一些常见命令写成bat文件,以后每次要执行什么只需要双击即可: 编译、生成、运行并启动packager(debug模式): react-native run-android 所谓packager其实就是一个文件同步服务,默认监听8081端口,启动它之后,运行debug模式的ReactNative应用可以随时reload我们的JS。有时候使用上面的命令之后p... 阅读全文

@2016-11-03 ReactNative 浏览(393)
#
[精品] ReactNative与NativeScript对比报告

综合这段时间对ReactNative(下称RN)和NativeScript(下称NS)的简单学习了解,分别从不同方面分析对比二者的优缺点。 页面结构NS一个页面的目录结构: RN的一个页面一般就是一个JS文件,样式、XML、JS全部写在一个文件里: 对比报告 ReactNative NativeScript 对比结果 与传统web开发的差异性(学习... 阅读全文

@2016-11-02 ReactNative 浏览(498)
#
ReactNative试图修改图片加载时默认的淡入效果(fade)记录

没有成功,但是暂时把经过记下来。 方法首先在node_modules\react-native\Libraries\Image\Image.android.js文件找到fadeDuration属性: fadeDuration: PropTypes.number然后在如下文件找到如下参数,说明默认这个效果是300毫秒: node_modules\react-native\ReactAndroi... 阅读全文

@2016-11-02 ReactNative 浏览(468)
#
ReactNative学习笔记(二)基础进阶

一个最简单的HelloWorld页面先不多解释,直接上代码: import React, { Component } from 'react';import {AppRegistry, StyleSheet, Text, View} from 'react-native';export default class helloworldComponent extends Component{ ... 阅读全文

@2016-10-28 ReactNative 浏览(415)
#
ReactNative学习笔记(一)环境搭建

前言本文开发环境为Windows,目标平台为Android,react-native版本为0.35.0。 环境搭建注意,本文不是按照官网的教程来的,官网说必须安装什么Chocolatey,我懒得鸟它。 安装前请准备以下环境: jdk(必须1.8或更高版本)node.js & npmpython2(注意不支持python3,我的是2.7)android sdk(并且已经配置好相关环境变量)... 阅读全文

@2016-10-14 ReactNative 浏览(450)
第1页,共1页