在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 />; 
    } 
}