React-Native启动页到主页过渡
2017-03-29 本文已影响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;