ネストされたスクリーンにパラメータを渡す方法


  1. パラメータを渡す方法: ネストされたスクリーンにパラメータを渡すには、親スクリーンから子スクリーンにパラメータを渡す必要があります。一般的な方法は、以下の手順に従うことです。

    a. 親スクリーンでパラメータを設定する: 例えば、親スクリーンでparamという名前のパラメータを設定する場合、以下のようにします。

      navigation.navigate('ChildScreen', { param: '値' });

    b. 子スクリーンでパラメータを受け取る: 子スクリーンでは、以下のようにしてパラメータを受け取ることができます。

      const { param } = route.params;
  2. コード例: 以下に、React Navigationを使用してネストされたスクリーンにパラメータを渡すためのコード例を示します。

// 親スクリーン
import { useNavigation } from '@react-navigation/native';
const ParentScreen = () => {
  const navigation = useNavigation();
  const navigateToChildScreen = () => {
    navigation.navigate('ChildScreen', { param: '値' });
  };
  return (
    // ...
    <Button onPress={navigateToChildScreen} title="子スクリーンへ移動" />
    // ...
  );
};
// 子スクリーン
import { useRoute } from '@react-navigation/native';
const ChildScreen = () => {
  const route = useRoute();
  const { param } = route.params;
  return (
    // ...
    <Text>{param}</Text>
    // ...
  );
};

上記の例では、親スクリーンでボタンが押されると、paramという名前のパラメータが設定され、子スクリーンに渡されます。子スクリーンでは、渡されたパラメータを取得して表示します。

これらの手順とコード例を参考にしながら、ネストされたスクリーンにパラメータを渡す方法を実装してみてください。