React Navigation 5 定义屏幕时传递参数

Question

我有一个选项卡导航器，它应该渲染相同的组件，但每次都传递不同的参数。

const Tab = createMaterialBottomTabNavigator();

export const AdminTabNavigator = () => {
  return (
    <Tab.Navigator>
      <Tab.Screen
        name='Pending'
        component={Tasks}
        params='pending'
      />
     <Tab.Screen
        name='Completed'
        component={Tasks}
        params='completed'
      />
    </Tab.Navigator>

有没有办法做到这一点，或者我应该为每个屏幕创建不同的组件？

Answer 1

我通过传递 initialParams 解决了这个问题

<Stack.Screen
    name="Main"
    component={MainScreen}
    initialParams={{ /* initialParams */ }}
/>