从操作按钮导航到新视图

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
        }
    }
);