some litile refactor

soliury · soliury · commit cb4f82e1671b · 2016-02-01T18:10:28.000+08:00
diff --git a/src/layouts/Home.js b/src/layouts/Home.js
@@ -5,7 +5,9 @@ import React,{
 	Text,
 	StyleSheet,
 	Dimensions,
-	Image
+	Image,
+	Animated,
+	Easing
 } from 'react-native';
 import UserOverlay from '../components/UserOverlay';
 import config from '../configs';
@@ -15,20 +17,41 @@ const { height, width } = Dimensions.get('window');
 
 
 class Home extends Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			fadeAnim: new Animated.Value(0.4)
+		};
+	}
+
+
+	componentDidMount() {
+		Animated.timing(this.state.fadeAnim, {
+			toValue: 1,
+			easing: Easing.quad
+		}).start();
+	}
+
+
+	componentDidFocus() {
+		console.log(2222);
+	}
+
+
 	render() {
 		const { home, actions, router, user } = this.props;
 		return (
 			<View style={styles.container}>
-				<Image
-					style={styles.bgImg}
+				<Animated.Image
+					style={[styles.bgImg,{opacity: this.state.fadeAnim}]}
 					source={{ uri: config.bgImgUri }}>
 
 					<Text onPress={()=>{
 						this.props.actions.toast('测试');
 					}}>
 						toAbout
 					</Text>
-				</Image>
+				</Animated.Image>
 
 
 				<UserOverlay user={user.secret} toLogin={() => router.toLogin() }
@@ -43,16 +66,15 @@ class Home extends Component {
 
 const styles = StyleSheet.create({
 	container: {
-		width: width,
-		flex: 1,
-		backgroundColor: "transparent"
+		backgroundColor: 'transparent'
 	},
 	bgImg: {
 		width,
 		height,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
+		backgroundColor: 'transparent'
 	}
 });
 
diff --git a/src/layouts/Navigation.js b/src/layouts/Navigation.js
@@ -55,7 +55,6 @@ class Navigation extends Component {
 		return (
 			<View style={styles.container}>
 				<Navigator
-					sceneStyle={styles.scene}
 					ref={view => this.navigator=view}
 					initialRoute={initialRoute}
 					configureScene={this.configureScene.bind(this)}
@@ -70,11 +69,6 @@ const styles = StyleSheet.create({
 	container: {
 		flex: 1
 	},
-	scene: {
-		top: 0,
-		bottom: 0,
-		opacity: 1,
-	},
 	flexCenter: {
 		flex: 1,
 		justifyContent: 'center',
diff --git a/src/store/utilsMiddleware.js b/src/store/utilsMiddleware.js
@@ -4,7 +4,7 @@ import * as utilsActions from '../actions/utils';
 
 export default function utilsMiddleware({ dispatch }) {
 	return next => action => {
-		const { payload, error, type } = action;
+		const { payload, error } = action;
 		const { toast } = action.meta || {};
 
 		const dispatchToast = (...args)=> {
