- 最初に、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;
-
上記のコードでは、TouchableOpacityコンポーネントのonPressプロパティに2つの関数を呼び出す無名の関数を設定しています。この無名関数内で、
onPressHandler()
とonPressHandler2()
を呼び出すことで、2つの関数を順番に実行します。 -
必要に応じて、
onPressHandler()
とonPressHandler2()
内に具体的な処理を追加してください。これは、ボタンが押されたときに実行されるコードです。
これで、React NativeでonPressイベントで2つの関数を呼び出す方法を実装することができます。適切なコンポーネント内で上記のコードを使用して、ボタンが押されたときに2つの関数が実行されることを確認してください。