React Navigation 将 4.x 升级到 5.x

Question

const Stack = createStackNavigator(
    {
        Main: {
            screen: Main,
        },
        AddList: {
            screen: AddList,
        },
    },
    {
        headerMode: 'none',
        navigationOptions: {
          header: null,
        },
    },
);

由于反应导航的新版本，我更改了我的代码，但我不知道如何实现上述代码的最后一部分。我不确定我是使用 Stack.Screen 来实现 headerMode 和 navigationoptions 还是 Stack.navigator

const Stack = createStackNavigator();

function RootStack() {
  return (
    <Stack.Screen
      headerMode: 'none'
      options={{header: null}}
    >
      <Stack.Screen
        name="AddList"
        component={AddList}
      />
      <Stack.Screen
        name="Profile"
        component={Profile}
      />
    </Stack.Screen>
  );
}

Answer 1

headerMode 和 navigationoptions 不再起作用。
现在你必须使用 Stack.Navigator 的 props screenOptions（在 Stack.Screen 周围）

const Stack = createStackNavigator();
function RootStack() {
  return (
 <Stack.Navigator
    screenOptions={{  headerShown: false }}
  >
    <Stack.Screen
      name="AddList"
      component={AddList}
    />
    <Stack.Screen
      name="Profile"
      component={Profile}
    />
  </Stack.Navigator>
  );
}