title

screens/tabs/Catsitter.js

@@ -8,13 +8,21 @@ import styles, {
   LIKE_ACTIONS,
   WHITE,
 } from "../../assets/styles";
+import { useNavigation } from "@react-navigation/native";
 
 
 const Catsitter = ({ route }) => {
+  const navigation = useNavigation()
   const { id } = route.params;
 
   const [catsitter, setCatsitter] = useState({});
 
+  useLayoutEffect(() => {
+    navigation.setOptions({
+      title: catsitter.displayName
+    });
+  }, [catsitter]);
+
   useLayoutEffect(() => {
     if (!id) return;
     const collectionRef = collection(database, "profiles");
@@ -74,7 +82,7 @@ const Catsitter = ({ route }) => {
 
 
         {/* NAME */}
-        <Text style={nameStyle}>{catsitter.name}</Text>
+        <Text style={nameStyle}>{catsitter.displayName}</Text>
         <Text >Cat Sitter Age: {catsitter.age}</Text >
         <Text >Cat Sitter Price Per Night: {catsitter.price}</Text >