美文网首页
React-Native启动页到主页过渡

React-Native启动页到主页过渡

作者: 董董董董董董董董董大笨蛋 | 来源:发表于2017-03-29 10:00 被阅读0次

    启动页是图片过渡两秒,componentWillUnmount()
    需要清除定时器

    'use strict';
    
    import React from 'react';
    import {
      Dimensions,
      Image,
      InteractionManager,
      View,
      Text,
    } from 'react-native';
    
    import AppMain from './AppMain';
    
    var {height, width} = Dimensions.get('window');
    
    class Splash extends React.Component {
      constructor(props) {
        super(props);
      }
      componentDidMount() {
        const {navigator} = this.props;
         this.timer=setTimeout(() => {
          InteractionManager.runAfterInteractions(() => {
            navigator.resetTo({
              component: AppMain,
              name: 'AppMain'
            });
          });
        }, 2500);
      }
      componentWillUnmount() {
        this.timer && clearTimeout(this.timer);
      }
     
      render() {
        return (
          <View style={{flex:1}}>
          <Image
            style={{flex:1,width:width,height:height}}
            source={require('../imgs/ic_welcome.jpg')}
            />
          </View>
        );
      }
    }
    export default Splash;
    

    相关文章

      网友评论

          本文标题:React-Native启动页到主页过渡

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