React Nativeでボタンのイベントを取得できない

Question

以下のコードでボタンイベントを取得したいと考えているのですが、consoleのログ画出力されません。
元のコードはReactNative入門② Hello Worldを出力するを参考に使わせていただきました。

import React, { Component } from 'react';
import { Text, Button, View} from 'react-native';


export default class HelloWorldApp extends Component {


  onPressButton(){
    console.log('hogehoge');
  }

  render() {
    return (
      <View>
        <Text>Hello world!</Text>
        <Button 
          onPres={this.onPressButton}
          title='counter'
        />
      </View>
    );
  }
}

ボタンのクリックイベントを処理する場合別途何か必要なのでしょうか?

Answer 1

ご質問にあるコードの以下の部分

onPres={this.onPressButton}

で、prop名(= の左側)が onPres となっていますが、 正しくは

onPress

です。(末尾に s が一つ足りないです。)