Как установить заголовок заголовка после навигации по странице в реагировать родной

Question

Я использовал стековый навигатор в своем проекте и хочу установить заголовок заголовка после перехода к экрану. Я делаю это, увидев пример. Где ProductListView - это функциональный компонент. Но он не меняется.

import React, { useState, useLayoutEffect, useRef, useContext } from "react";
import {
  StyleSheet,
  Dimensions,
  ScrollView,
  ImageBackground,
  Platform,
  ActivityIndicator,
  FlatList,
  AsyncStorage,
View
} from "react-native";

const { width, height } = Dimensions.get("screen");

const ProductDetails = ({ navigation }) => {

  return (
    <View flex={1}>

        <Text>Details</Text>

    </View>
  );
};

const styles = StyleSheet.create({

});


ProductDetails.navigationOptions = () => {
  title: "test";
};

export default ProductDetails;

Обновлен полный код

Спасибо Utpal Maity

Answer 1

Вам нужно установить заголовок следующим образом.

ProductDetails.navigationOptions = () => ({
   topBar: {
        title: {
            text: 'My Title'
        }
    }
});