Question

我是新的反应本地人。我使用反应原生动作按钮，我想要点击按钮，然后显示其他页面。这是我的代码，但仍然无法正常工作。有什么解决方案吗？

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

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

Answer 1

您根本不执行 buttonPressed 。使用()：

修复它

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

其他方式是：

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

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

Answer 2

实施例

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

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

如果你有一个buttonPressed（）来执行需要放置buttonPressed（）的转换，你只需要把buttonPressed放在那里并没有真正做什么，一个好的事情就是把这种类型的函数放在＆＃39; _＆＃39;背后，像这样：_buttonPressed（＆＃39; page2＆＃39;）然后_buttonPressed（页面），它有助于了解你在做什么

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

2 个答案: