ReactNative: 使用对话框组件AlertIOS组件
一、简介在使用一款App的时候，经常会用到对话框进行信息的友好提示，一般简单要求性不高的时候我们可以使用web提供的alert实现即可。但是，对于需要交互性和美观性的对话框，alert就明显无法满足需求了，首先alert对话框比较丑陋，不符合我们的业务和审美需求，此时如果我们去定制的话，稍微有些浪费...
ReactNative: 使用AppState的API获取App的状态
一、简介App在运行的整个过程中，它会有不同的运行状态，例如激活失活状态、前后台进入和离开状态等。开发者可以根据App的不同状态选择合适的时机完成需要的工作。ReactNative中提供了AppState这个API来告知App的状态，它还可以通知状态的改变、甚至用于消息通知的推送等。 二、APIAp...
ReactNative踩坑日志——页面跳转之——Undefined is not an Object（evaluating this2.props.navigation.navigate)
页面跳转时，报 UndefinedisnotanObject（evaluatingthis2.props.navigation.navigate)出错原因：在一个页面组件中调用了另一个组件，而跳转动作在被调用组件中定义。则会出现：当前呈现页面的this与跳转动作发生的this不一致，导致跳转动作不能...
ReactNative快速入门
首先放图这就是我通过简单的搭建环境写出的helloworld和使用的button组件。那么搭建环境如何搭建呢？使用的软件有：Node最新版，Python2.7，Android环境要有配置Android，首先安装jdk。最新版androidstudio3要安装jdk1.8。接下来我讲讲Android环...
ReactNative学习之css样式使用
前言：前面学习了html，今天学习一下css的基本使用，看下html与css之间是如何结合来编写前端网页的。CSS是什么？CSS是CascadingStyleSheets（级联样式表）的缩写。 CSS是一种样式表语言，用于为HTML文档定义布局。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像...
ReactNative 学习笔记
1. react-native引入第三方库时报Command`run-android`unrecognized：在使用第三方库tab-navigator时调用：npminstallreact-native-tab-navigator--save再次运行时直接报Commandrun-Androidun...
[置顶] ReactNative查询手册
关于reactnative的解释，这里不做过多赘述。当然，只做一句话的说明：ReactNative|AframeworkforbuildingnativeappsusingReact这里保留自己常用的查询手册和链接，会持续更新：1、javaScript文档2、ReactGitHub地址3、React...
ReactNative: 使用标签栏组件TabBarIOS组件
一、简介标签栏Tab的作用对于应用程序那是不言而喻的，它是应用程序中除了导航栏组件外的又一个核心组件，使用它可以实现页面的切换。RN提供了一个TabBarIOS组件来完成页面的切换(视图或者路由)，它代表整个标签栏，不过它需要搭配的它的一个附属组件TabBarIOS.Item，它代表每一个tabIt...
ReactNative入门 —— 动画篇（下）
在上篇动画入门文章中我们了解了在ReactNative中简单的动画的实现方式，本篇将作为上篇的延续，介绍如何使用 Animated实现一些比较复杂的动画。动画组合在Animated中提供了一些有趣的API方法来轻松地按我们的需求实现组合动画，它们分别是Animated.parallel、Animat...
ReactNative系列之二FlexBox布局
感谢：阮一峰大神，本文在大神的讲解的网页CSS的flex的基础上针对ReactNative再进行介绍(属性名，及参数在RN上的异同)参考：http://reactnative.cn/docs/0.41/layout-props.htmlhttp://www.ruanyifeng.com/blog/2...
java.io.IOException: Could not delete path 'D:\mycode\reactnative\SecondTest\android\app\build\generated\source\r \release\android\support\v7
问题解决直观上看是没有删除某个文件，产生的IOException异常，实际上是因为上次编译导致的缓存没有清空导致的。进入到android目录下运行下面代码清除上次打包时的缓存：./gradlewcleanjava.io.IOException:Couldnotdeletepath'D:\mycode...
ReactNative学习笔记（二）基础进阶
一个最简单的HelloWorld页面先不多解释，直接上代码：importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View}from'react-native';exportdefaultclasshellowor...
一步一步学习 ReactNative + Redux（1）
写在开始上篇中，完成了TODO列表展示，TODO项状态更改，添加新TODO。http://www.jianshu.com/p/4ceff3bbb414只是使用的ReactNative方式控制 state，这里，我们开始使用Redux控制 state，也就是ReactNative+Redux开发。源码...
ReactNative 大图手势浏览技术分析
支持通用的手势缩放，手势跟随，多图翻页手势系统通过PanResponder.create创建手势响应者，分别在onPanResponderMove与onPanResponderRelease阶段进行处理实现上述功能。手势阶段大体介绍整体设计，在每个手势阶段需要做哪些事。开始onPanResponde...
ReactNative入门 —— 动画篇（上）
在不使用任何RN动画相关API的时候，我们会想到一种非常粗暴的方式来实现我们希望的动画效果——通过修改state来不断得改变视图上的样式。我们来个简单的示例：varAwesomeProject=React.createClass({getInitialState(){return{w:200,h:2...
ReactNative 根据scrollView/listview滑动距离动态修改NavBar颜色
我们常见某些APP上滑的时候，NavBar颜色会从透明渐变为某种颜色原理非常简单，根据scrollView的回调动态修改NavBar的透明度即可。在RN中，尤其是ListView中这个回调不是很好找，故贴一下方便别人找到。1.scrollView<ScrollViewonScroll={(ev...
ReactNative 开发工具Webstorm 环境配置
一：设置编码语法环境，在WebStorm中打开File–>Setting–>Languages&Frameworks–>JavaScript二：下载两个JavaScriptLibraries：打开File–>Setting–>Languages&Fram...