xinganbu124的博客

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

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

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

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

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

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