React Native StackNavigator initialRouteName 與參數

Question

在“react-navigation”庫中，如何在 Stack.Navigator 中發送帶有 initialRouteName 的參數。

 return (
    <Stack.Navigator
      initialRouteName={routeName}
      screenOptions={{
        animation: 'slide_from_right',
      }}>

這是我的導航文件的返回，我正在動態設置 routeName，但我想要最初路由的屏幕必須需要傳遞路由參數。

Answer 1

您可以使用可以添加到屏幕組件的道具“initialParams”

<Screen 
   initialParams={{id:0}}
   {...otherScreenProps}
/>

您還可以使用initialParams={initialRouteName === screenName? {id:0}: undefined} initialParams={initialRouteName === screenName? {id:0}: undefined}

我相信還有其他選項，例如 setParams，但我不確定您的確切用例

Answer 2

您可以傳遞參數如下。 initialParams={{ itemId: 42 }}

這些initialParams道具由 react-navigation 提供，您最初可以使用它。

也每當您從特定屏幕設置參數時，您都可以使用下面的代碼。

navigation.setParams({
  itemId: {set your dynamic value},
});

供參考：-點擊這里