power_sensor/jscore/pages/Welcome.js

import React, {Component} from 'react'
import {StyleSheet, View, Text, Image} from 'react-native'
import SyncStorage from 'sync-storage';
import {connect} from 'react-redux'
import {NavigationActions, StackActions, ScreenUtil} from '../utils'
import {ComponentsStyles} from '../components'

@connect(auth => ({...auth}))
class Welcome extends Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
        const {navigation, dispatch} = this.props;

        SyncStorage.init().then((data) => {
            const credential = SyncStorage.get('credential');
            var resetAction;
            if (credential && credential.token) {
                // resetAction = NavigationActions.navigate({
                //     routeName: "Main",
                //     actions: [NavigationActions.navigate({routeName: 'HomePage'})],
                // })
                // resetAction = StackActions.reset({
                //     index: 0,//默认打开actions中的第几个页面
                //     actions: [//actions是页面集合
                //         NavigationActions.navigate({routeName: 'Main'}),
                //     ]
                // });
                dispatch({
                    type: 'auth/tokenRefresh',
                    payload: credential,
                    callback: () => {
                        resetAction = NavigationActions.navigate({
                            routeName: "Main",
                            actions: [NavigationActions.navigate({routeName: 'DesktopHome'})],
                        })
                        navigation.dispatch(resetAction);
                    },
                    unLogin: () => {
                        resetAction = NavigationActions.navigate({
                            routeName: "Login",
                            actions: [NavigationActions.navigate({routeName: 'Login'})],
                        })
                        navigation.dispatch(resetAction);
                    }
                })
            } else {
                // resetAction = NavigationActions.navigate({ routeName: 'Login' })
                // resetAction = NavigationActions.navigate({
                //     routeName: "Login",
                //     actions: [NavigationActions.navigate({routeName: 'Login'})],
                // })

                // resetAction = StackActions.reset({
                //     index: 1,//默认打开actions中的第几个页面
                //     actions: [//actions是页面集合
                //         NavigationActions.navigate({routeName: 'Main'}),
                //         NavigationActions.navigate({routeName: 'Login'}),
                //     ]
                // });
                SyncStorage.remove('credential');
                resetAction = NavigationActions.navigate({
                    routeName: "Login",
                    actions: [NavigationActions.navigate({routeName: 'Login'})],
                })
                navigation.dispatch(resetAction);
            }

        })
    }

    componentWillUnmount() {
        this.timer && clearTimeout(this.timer);
    }

    render() {
        return (
            <View style={ComponentsStyles.container}>
                <View style={styles.up}>
                    <Image source={require('../../assets/images/logo.png')} style={styles.logo}/>
                    <Text style={styles.title}>电金睛</Text>
                </View>
                <View style={styles.down}>
                    <Text style={styles.rights}>©2020 郑州燎原 All rights reserved.</Text>
                </View>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    up: {
        flex: 4,
        paddingTop: ScreenUtil.scaleSize(80),
        textAlign: 'center',
        alignItems: 'center',
    },
    logo: {
        width: ScreenUtil.scaleSize(80),
        height: ScreenUtil.scaleSize(80),
    },
    title: {
        paddingTop: 20,
        fontSize: ScreenUtil.scaleSize(24),
        color: '#5394e4',
        textAlign: 'center',
    },
    down: {
        flex: 1,
        textAlign: 'center',
        justifyContent: 'flex-end'
    },
    rights: {
        height: 50,
        fontSize: ScreenUtil.scaleSize(12),
        color: '#aaaaaa',
        textAlign: 'center',
    }
})


export default Welcome