避免在堆栈导航中重复参数

Question

我正在为 React 导航应用程序构建堆栈导航的授权部分，并以类似这样的方式结束：

 <Stack.Screen
        name="a"
        component={a}
        initialParams={{ url }}
      />
      <Stack.Screen name="f" component={f} />
      <Stack.Screen
        name="b"
        component={b}
        initialParams={{ url }}
      />
      <Stack.Screen
        name="c"
        component={c}
        initialParams={{ url }}
      />
      <Stack.Screen
        name="d"
        component={d}
        initialParams={{ url }}
      />

有什么方法可以避免在各处添加 url initialParams 并将其添加到周围的堆栈组屏幕中？

我尝试将其添加到周围堆栈组中的 screenOptions 属性中，但没有成功。

大家有什么建议吗？

谢谢！

Answer 1

您可以创建对象并在组件上使用展开运算符。

 const initialParams = { initialParams: { url } };


 <Stack.Screen
        name="a"
        component={a}
        {...initialParams}
      />

避免在堆栈导航中重复参数

Avoid repeating params in stack navigation

javascript

navigation

reactjs

react-native