功能未找到onPress react-native

时间:2018-01-20 08:36:45

标签: javascript react-native

我的反应原生中有一个按钮,我使用onPress回调变量。出于某种原因,我收到一条错误消息,指出无法找到该功能。

我的代码如下:



tranfer = () => {
    console.log("transferring");
    this.props.navigation.navigate('TransferScreen');
  }

  render() {
    var sections = [
      //Info.
    ];
    return (
      <View style={styles.container}>
          <ScrollView>
          <SectionList
            style={styles.container}
            renderItem={this._renderItem}
            renderSectionHeader={this._renderSectionHeader}
            stickySectionHeadersEnabled={true}
            keyExtractor={(item, index) => index}
            ListHeaderComponent={this._renderListHeader}
            refreshing={this.state.refreshing}
            sections={sections}
          />
          </ScrollView>
          <View style={styles.footer}>
                <View style={styles.buttonContainer}>
                  <Icon.Button backgroundColor="#29a329" onPress={()=>this.transfer()}>
                    <Text style={{color: "white"}}>Transfer</Text>
                  </Icon.Button>
                </View>
          </View>
      </View>
    );
  }
&#13;
&#13;
&#13;

奇怪的是,我从另一个正在工作的屏幕上复制并粘贴了这个!所以我不确定这里会发生什么。我真的很感激任何帮助。

1 个答案:

答案 0 :(得分:0)

你有拼写错误

您为自己的职能tranfer命名,并在 onPress 中调用this.transfer(),所以只需将您的职能名称编辑为

transfer = () => {
    console.log("transferring");
    this.props.navigation.navigate('TransferScreen');
  }
相关问题