未定义react-native-router-flux抛出操作

Question

尝试从一个使用4.0.0-beta.28的超级简单的react-native-router-flux示例开始。我收到可怕的红色屏幕，显示Action is undefined。我猜我有一些语义上的错误？

下面是我的代码：

import React, {Component} from 'react'
import {Scene,Router} from 'react-native-router-flux';

import LoginScreen from '../shoppinglist/screens/login'
import LandingScreen from '../shoppinglist/screens/landing'

import {
    Platform,
    AppRegistry
} from 'react-native';

const MyApp = () => {
    return (
        <Router>
            <Scene key={"root"}>
                <Scene key="login" component={LoginScreen} title="Login">
                </Scene>
                <Scene key="home" component={LandingScreen} title="Home" initial></Scene>
            </Scene>
        </Router>
    )
}

AppRegistry.registerComponent('shoppinglist', () => MyApp)

触发操作的代码：

 <Button onPress={() => Actions.home()} title={'Navigate to Login'} />

Simulator error

Answer 1

您的import指令中缺少操作：

import { Actions, Scene, Router } from 'react-native-router-flux';