美文网首页
RN中的定时器

RN中的定时器

作者: 基本密码宋 | 来源:发表于2017-11-28 21:53 被阅读484次


import React, { Component } from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View,
    Image,
    ScrollView
} from 'react-native';

var Dimensions=require('Dimensions')




export default class Register extends Component<{}> {

    // 构造
    constructor(props) {
        super(props);
        var totalCount=10;
        // 初始状态
        this.state = {
            count: totalCount
        };

        this.componentWillUnMount = this.componentWillUnMount.bind(this);
    }

    //加载完后
    componentDidMount() {
        this.count()
    }

    //控件卸载的时候
    componentWillUnMount() {
        clearInterval(this.timer);
    }

    count() {
        this.timer = setInterval(()=>this.setState({
                count: this.state.count - 1
            }
        ), 1000);

    }


    render() {
        if (this.state.count == 0) {
            clearInterval(this.timer);
        }
        return (
            <View  >
                <Text>{this.state.count}</Text>
            </View>
        );
    }
}




相关文章

  • RN中的定时器

  • 深入浅出RN中的定时器(下)

    如果你想知道RN中定时器在Native端是如何驱动实现的,如果你对RN源码感兴趣或者有学习欲望的,如果你想知道se...

  • RN学习笔记之定时器

    在学习RN的时候,想模拟一般的闪屏,倒计时3S之后跳转到主页,研究了一下RN中的定时器,记录如下: 每一个Comp...

  • (??)019_ReactNative: Timers

    (问渠那得清如许,为有源头活水来。 双手奉上RN官网) Timers 定时器时间控制 setTimeout, cl...

  • iOS进阶-谈谈定时器

    目录 iOS提供定时器API 定时器开发中的坑 一、 iOS提供定时器API 二、定时器开发中的坑 2.1、必须办...

  • IOS常见问题分析

    1、定时器问题 1) 定时器在子线程中不启动: 子线程中启动定时器的方法:

  • 混合开发:RN调用原生页面或View

    前言 RN和iOS混合开发的几种场景。 原生项目中,调用部分RN页面。 原生页面中,调用部分RN组件。 RN项目中...

  • 混合开发:原生调用RN页面或组件

    前言 RN和iOS混合开发的几种场景。 原生项目中,调用部分RN页面。 原生页面中,调用部分RN组件。 RN项目中...

  • RN白屏优化之Android篇

    在android中,当点击某个rn模块的入口按钮,弹出rn的activity到rn的页面展现出来的过程中,会有很明...

  • GCD定时器使用

    iOS中的常用定时器分为这几类: NSTimer CADisplayLink GCD定时器 选择GCD定时器原因:...

网友评论

      本文标题:RN中的定时器

      本文链接:https://www.haomeiwen.com/subject/hwhybxtx.html