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

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，并将其添加到堆栈组屏幕周围?

我试图添加它在屏幕选项prop在堆栈组周围，但没有工作。

你们有什么建议吗?

谢谢!

Answer 1

您可以创建一个对象并在组件上使用扩展操作符。

const initialParams = { initialParams: { url } };

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