xinganbu124-CSDN博客

转载简单总结

React的工作原理 - UI = f(data)，data包括props和state，改变data从而使UI发生改变,而不是直接操作UI - 一切都是组件 - 声明式编程 React生命周期分为三个阶段，MOUNTING,RECEIVE_PROPS，UNMOUNTING。阶段一：MOUNTING mountCo

2017-12-24 18:05:40 282

原创 React Native 与原生层通讯(Android)

React Native开发中不可避免涉及到到同原生交互通讯，FB 官方封装了一系列的跨平台组件，但是总是不能面面俱到的，所以很多组件还是需要我们自己去封装，实现同原生层交互。 Android自定义扩展包括两部分，一个是module,一个是View，这两个部分js层同其交互方法有所不同。1. RN 同 Module 通讯步骤一：创建一个 BaseModule 的抽象类，BaseModule 继承自

2017-08-27 23:13:05 525

原创 React Native Navigator 被舍弃解决办法

React Native Navigator被舍弃解决办法 Facebook 在 React Native 0.44的时候将Navigator舍弃掉，推荐使用 react-Navigator ，但有一些老的项目已经使用了Navigator就不好迁移到react-Navigator 。所以在这里记录一下解决办法。Facebook 将舍弃组件都放在一个叫react-native-deprecated-

2017-07-25 22:49:20 663

原创 React Native实现进度条弹框

React Native进度条弹框我们在上传或者下载文件时候，希望有一个进度条弹框去提醒用户取当前正在上传或者下载，也允许用去取点击取消上传或者下载。首先实现进度条。import React, { PureComponent} from 'react';import { StyleSheet, View, Animated, Easing,} fro

2017-07-16 14:23:31 2550

原创 React Native 编码习惯带来的性能问题

React Native 编码习惯带来的性能问题React中当一个组件的属性发生变化时候，会触发该组件重新 render ，如果组件直接设置 props 为对象或数组，而两个对象或者两个数组比较是比较地址,即使内部数据是一致的，也会认为是不同的数据，组件会认为前后 props 不一致，重新 render 。问题一：在设置一个组件 props 的时候直接设置对象TouchableOp

2017-07-02 13:17:01 421

原创 React Native实现弹出选择框

React Native实现弹出选择框弹出框实现代码import React, { PureComponent} from 'react';import { View, StyleSheet, Modal, TouchableOpacity, Text, TouchableWithoutFeedback, Scroll

2017-06-03 14:06:49 4879

原创 React Native实现验证码倒计时功能

React native实现验证码倒计时功能实现倒计时功能使用的是核心方法setInterval，setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。startwCountDown() { this.interval = setInterval(() => { this.setState({ co

2017-05-15 21:55:50 2010

xinganbu124的博客