react nativeのnavigationで画面遷移しないようにしたい

Question

実現したいこと

react nativeのnavigationで画面遷移しないようにしたい

react-native-navigationとreact-hook-formでフォーム画面を作ったので、動作確認のために、submit時にログ出力するようにしたいが、onSubmitの中身が空でも一番前の画面に戻ってしまいます。どうしたら画面遷移しないようにできますか。

Answer 1

■原因
画面遷移をしないようにnavigation.navigate() メソッドを呼び出さないようにする

■対応
次のように画面遷移を行わずにログ出力だけを行う
どうようなソースかはわからないので例として載せます

import React from 'react';
import { View, Button } from 'react-native';
import { useForm } from 'react-hook-form';

function FormScreen({ navigation }) {
  const { handleSubmit } = useForm();

  const onSubmit = (data) => {
    console.log(data); // フォームデータをログ出力する
    // 画面遷移を行わないため、このメソッドの中身は空にする
  };

  return (
    <View>
      {/* フォームのコンポーネント */}
      <Button title="Submit" onPress={handleSubmit(onSubmit)} />
    </View>
  );
}
export default FormScreen;