-
パラメータを渡す方法: ネストされたスクリーンにパラメータを渡すには、親スクリーンから子スクリーンにパラメータを渡す必要があります。一般的な方法は、以下の手順に従うことです。
a. 親スクリーンでパラメータを設定する: 例えば、親スクリーンで
param
という名前のパラメータを設定する場合、以下のようにします。navigation.navigate('ChildScreen', { param: '値' });
b. 子スクリーンでパラメータを受け取る: 子スクリーンでは、以下のようにしてパラメータを受け取ることができます。
const { param } = route.params;
-
コード例: 以下に、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
という名前のパラメータが設定され、子スクリーンに渡されます。子スクリーンでは、渡されたパラメータを取得して表示します。
これらの手順とコード例を参考にしながら、ネストされたスクリーンにパラメータを渡す方法を実装してみてください。