React NativeでonPressイベントで2つの関数を呼び出す方法


  1. 最初に、React Nativeプロジェクト内の適切なコンポーネントを作成します。例えば、TouchableOpacityコンポーネントを使う場合は、次のようなコードを追加します。
import React from 'react';
import { TouchableOpacity, Text } from 'react-native';
const MyComponent = () => {
  const onPressHandler = () => {
    // ここに1つ目の関数の処理を追加します
  };
  const onPressHandler2 = () => {
    // ここに2つ目の関数の処理を追加します
  };
  return (
    <TouchableOpacity onPress={() => {
      onPressHandler();
      onPressHandler2();
    }}>
      <Text>ボタン</Text>
    </TouchableOpacity>
  );
};
export default MyComponent;
  1. 上記のコードでは、TouchableOpacityコンポーネントのonPressプロパティに2つの関数を呼び出す無名の関数を設定しています。この無名関数内で、onPressHandler()onPressHandler2()を呼び出すことで、2つの関数を順番に実行します。

  2. 必要に応じて、onPressHandler()onPressHandler2()内に具体的な処理を追加してください。これは、ボタンが押されたときに実行されるコードです。

これで、React NativeでonPressイベントで2つの関数を呼び出す方法を実装することができます。適切なコンポーネント内で上記のコードを使用して、ボタンが押されたときに2つの関数が実行されることを確認してください。