- 博客(7)
- 收藏
- 关注
转载 简单总结
React的工作原理 - UI = f(data),data包括props和state,改变data从而使UI发生改变,而不是直接操作UI - 一切都是组件 - 声明式编程 React生命周期 分为三个阶段,MOUNTING,RECEIVE_PROPS,UNMOUNTING。 阶段一:MOUNTING mountCo
2017-12-24 18:05:40 307
原创 React Native 与原生层通讯(Android)
React Native开发中不可避免涉及到到同原生交互通讯,FB 官方封装了一系列的跨平台组件,但是总是不能面面俱到的,所以很多组件还是需要我们自己去封装,实现同原生层交互。 Android自定义扩展包括两部分,一个是module,一个是View,这两个部分js层同其交互方法有所不同。1. RN 同 Module 通讯步骤一:创建一个 BaseModule 的抽象类,BaseModule 继承自
2017-08-27 23:13:05 541
原创 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 688
原创 React Native实现进度条弹框
React Native进度条弹框 我们在上传或者下载文件时候,希望有一个进度条弹框去提醒用户取当前正在上传或者下载,也允许用去取点击取消上传或者下载。首先实现进度条。import React, { PureComponent} from 'react';import { StyleSheet, View, Animated, Easing,} fro
2017-07-16 14:23:31 2561
原创 React Native 编码习惯带来的性能问题
React Native 编码习惯带来的性能问题React中当一个组件的属性发生变化时候,会触发该组件重新 render ,如果组件直接设置 props 为对象或数组,而两个对象或者两个数组比较是比较地址,即使内部数据是一致的,也会认为是不同的数据,组件会认为前后 props 不一致,重新 render 。问题一:在设置一个组件 props 的时候直接设置对象TouchableOp
2017-07-02 13:17:01 425
原创 React Native实现弹出选择框
React Native实现弹出选择框 弹出框实现代码import React, { PureComponent} from 'react';import { View, StyleSheet, Modal, TouchableOpacity, Text, TouchableWithoutFeedback, Scroll
2017-06-03 14:06:49 4908
原创 React Native实现验证码倒计时功能
React native实现验证码倒计时功能 实现倒计时功能使用的是核心方法setInterval,setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。startwCountDown() { this.interval = setInterval(() => { this.setState({ co
2017-05-15 21:55:50 2036
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人