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