Реактивная навигация, обновление 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 и навигационные опции больше не работают.
Теперь вы должны использовать реквизиты screenOptions Stack.Navigator (который окружает 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>
  );
}