如何创建动作按钮反应本机重定向其他页面?

Question

我是 React Native 的新手。 我正在使用 React 本机操作按钮，如果单击按钮，我希望显示其他页面。 这是我的代码，但仍然不起作用。 有什么解决方案吗？

render() {
return (
<View style={styles.container}>
<ActionButton buttonColor="#1E73C1" onPress={() => this.buttonPressed}>
</ActionButton>
</View>
);
}
buttonPressed() {
this.props.navigation.navigate('NewCase', {});
}

Answer 1

你根本不执行按钮按下。用()修复它：

<ActionButton buttonColor="#1E73C1" onPress={() => this.buttonPressed()}>

其他方式是：

<ActionButton buttonColor="#1E73C1" onPress={this.buttonPressed.bind(this)}>

就像评论中所说，您应该确保道具中确实存在导航。

Answer 2

确保将导航道具传递给组件

Answer 3

示例

<ActionButton buttonColor="#1E73C1" onPress={() => this.buttonPressed('page2')}>
buttonPressed(page){
this.props.navigator.replace({
id: page,
})
}

你只需把 buttonPressed 那真的什么都不做，如果你有一个 buttonPressed() 来执行你需要放 buttonPressed() 的过渡，通过离开一个好办法是把这种类型的函数和'_'放在后面，像这样：_buttonPressed('page2')，然后_buttonPressed(page)，知道你在做什么会有所帮助