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

Question

我是 React Native 的新手。我正在使用反应本机动作按钮，如果单击按钮，我想显示其他页面。这是我的代码，但仍然不起作用。有解决办法吗？

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

 buttonPressed() {
    this.props.navigation.navigate('NewCase', {});
  }

Answer 1

务必将导航道具传递给组件

Answer 2

您根本不执行 buttonPressed。用 ():

修复

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

其他方式是：

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

正如评论中所说，您应该确保导航确实存在于道具中。

Answer 3

示例

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

buttonPressed(page){
  this.props.navigator.replace({
    id: page,
  })
}

如果你有一个 buttonPressed() 来执行你需要放置 buttonPressed() 的转换，你只需放置 buttonPressed 那实际上什么都不做，顺便说一句，一件好事是将这种类型的功能与'_' 后面，像这样： _buttonPressed('page2') 然后是 _buttonPressed(page) ，这有助于了解你在做什么

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

how to create action button react native redirect other page?

react-native

action-button