스크린 타이틀 설정

• 공식 문서 : https://reactnavigation.org/docs/6.x/headers

특정 텍스트로 고정

function StackScreen() {
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="Home"
        component={HomeScreen}
        options={{ title: 'My home' }}
      />
    </Stack.Navigator>
  );
}

타이틀 제거

function StackScreen() {
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="Home"
        component={HomeScreen}
        options={{ title: '' }}
      />
    </Stack.Navigator>
  );
}

전달인자에 따라 변화

function StackScreen() {
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="Home"
        component={HomeScreen}
        options={{ title: 'My home' }}
      />
      <Stack.Screen
        name="Profile"
        component={ProfileScreen}
        options={({ route }) => ({ title: route.params.name })}
      />
    </Stack.Navigator>
  );
}

navigation.navigate('Profile', {name:'타이틀1'});
navigation.navigate('Profile', {name:'타이틀2'});
navigation.navigate('Profile', {name:'타이틀3'});