![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react-native
xinganbu124
这个作者很懒,什么都没留下…
展开
-
React Native实现验证码倒计时功能
React native实现验证码倒计时功能 实现倒计时功能使用的是核心方法setInterval,setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。startwCountDown() { this.interval = setInterval(() => { this.setState({ co原创 2017-05-15 21:55:50 · 2022 阅读 · 0 评论 -
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 · 677 阅读 · 0 评论 -
React Native实现进度条弹框
React Native进度条弹框 我们在上传或者下载文件时候,希望有一个进度条弹框去提醒用户取当前正在上传或者下载,也允许用去取点击取消上传或者下载。首先实现进度条。import React, { PureComponent} from 'react';import { StyleSheet, View, Animated, Easing,} fro原创 2017-07-16 14:23:31 · 2559 阅读 · 0 评论 -
React Native 与原生层通讯(Android)
React Native开发中不可避免涉及到到同原生交互通讯,FB 官方封装了一系列的跨平台组件,但是总是不能面面俱到的,所以很多组件还是需要我们自己去封装,实现同原生层交互。 Android自定义扩展包括两部分,一个是module,一个是View,这两个部分js层同其交互方法有所不同。1. RN 同 Module 通讯步骤一:创建一个 BaseModule 的抽象类,BaseModule 继承自原创 2017-08-27 23:13:05 · 534 阅读 · 0 评论 -
React Native 编码习惯带来的性能问题
React Native 编码习惯带来的性能问题React中当一个组件的属性发生变化时候,会触发该组件重新 render ,如果组件直接设置 props 为对象或数组,而两个对象或者两个数组比较是比较地址,即使内部数据是一致的,也会认为是不同的数据,组件会认为前后 props 不一致,重新 render 。问题一:在设置一个组件 props 的时候直接设置对象TouchableOp原创 2017-07-02 13:17:01 · 424 阅读 · 0 评论 -
React Native实现弹出选择框
React Native实现弹出选择框 弹出框实现代码import React, { PureComponent} from 'react';import { View, StyleSheet, Modal, TouchableOpacity, Text, TouchableWithoutFeedback, Scroll原创 2017-06-03 14:06:49 · 4890 阅读 · 0 评论