在StackNavigator上操作componentWillMount逻辑

Question

我试图使用React Native对基本认证屏幕进行编码。

一旦用户登录，它将被重定向到其主屏幕。

要做到这一点我用StackNavigator，如下所示：

import React, { Component } from 'react'; 
import { StackNavigator } from 'react-navigation'; 

import LoginPage from './src/pages/login'; 

const MyApp = StackNavigator({ 
    Login: { screen: LoginPage }, 
    Home: { home: HomePage } 
}); 

export default MyApp; 

但我想在这里工作的一些逻辑（如DB INIT）。由于这是一个纯粹的组成部分，我有点失落......

我应该怎么做？我是否可以将StackNavigator“变换”为具有生命周期功能的组件？

Answer 1

您可以Stacknavigator对象为React.Component这样：

const MyAppStack = StackNavigator({ 
    Login: { screen: LoginPage }, 
    Home: { home: HomePage } 
}); 

class MyApp extends Component { 
    componentWillMount() {} 
    componentWillUnmount() {} 

    render() { 
    return <MyAppStack />; 
    } 
}