headerBackTitle также не работает, не устанавливая его на предыдущем экране, чтобы влиять на текущий

Question

Это не работает:

const HomeStackNavigator = createStackNavigator(
  {
    Home: { screen: Login },
    Profile: { screen: Profile },
    SignIn: { screen: SignIn },
    ChangePassword: {
      screen: ChangePassword,
      navigationOptions: {
        headerBackTitle: "Home",
        headerBackTitleVisible: true,
        headerBackTitleStyle: {
          color: "pink"
        }
      }
    },
    Account: {
      screen: Account,
      navigationOptions: {
        headerBackTitle: "Home",
        headerBackTitleVisible: true,
        headerBackTitleStyle: {
          color: "pink"
        }
      }
    }
  }

И это также не работает

  static navigationOptions = ({ navigation }) => {
    const { params = {} } = navigation.state;

    return {
      headerBackTitle: "Back",
      headerBackTitleStyle: {
        color: "pink"
      }
}
}

Я не могнайти другие решения в интернете. Надеюсь, кто-то может помочь и знает, как решить эту проблему?

Answer 1

Исправлено: я использовал HeaderBackButton и должен был установить его внутри.

headerLeft: (
        <HeaderBackButton
          onPress={() => {
            navigation.navigate("Profile");
          }}
          title="test"
          backTitleVisible={true}
        />
      )