从操作按钮导航到新视图

Question

如果我们有一个TabNavigator，StackNavigator等......或它们的组合，我们可以从一个场景导航到另一个场景。

我正在尝试使用浮动操作栏导航到撰写页面。我无法知道要为"导航"功能传递什么。

<ActionButton.Item title="New Message" onPress={this.showMessageComposer.bind(this)} />
showMessageComposer(){
    this.props.navigation.navigate('MessageCreator');
}

如何导航到未在其他位置设置导航路径的自定义场景？

export default MessageCreator extends Component
{
...
}

Answer 1

我已经将新视图与其他父视图一起放入 StackNavigator 中，以便可以导航到新视图。

let HomeStack = StackNavigator(
    {
        HomeTabs: {
            screen: HomeTabs,
        },
        MessageComposer: {
            screen: MessageComposer
        }
    },
    {
        navigationOptions: {
            header: null
        }
    }
);