i want to make that when user looks at one post and clicked on Подробнее he is redirected to look at more info. Here is my files

import { Text, View, Image, Pressable } from 'react-native';
import { gStyle } from '../styles/style';
import React, {useState, useEffect} from 'react';
import { useNavigation } from '@react-navigation/native';
import {firebase} from '../Firebase/firebase'

export default function FutureMK() {
    const navigation = useNavigation();
    const [posts, setPosts]=useState([]);

    useEffect(()=>{
        const db=firebase.firestore();
        const unsubscribe = db.collection('FutureMK').onSnapshot(snapshot=>{
            const newPosts=snapshot.docs.map(doc=>({
                id:doc.id,
                ...doc.data()
            }));
            setPosts(newPosts);
        });
        return unsubscribe;
    },[])
  return (
    <View style={gStyle.main}>
        <View style={gStyle.mainFMK}>
            <Text style={gStyle.dateFutureMK}>date</Text>
            <View style={gStyle.FutureMKimg}>
                <Image source={require('../assets/example1.jpg')} style={gStyle.FutureMKbannerImg}/>
                <Text style={gStyle.FutureMKnameOfMK}>name</Text>
                <Text style={gStyle.hr}></Text>
            </View>
            <Text style={gStyle.FutureMKprice}>Цена: <Text style={gStyle.FutureMKrub}>price</Text></Text>
            <Text style={gStyle.FutureMKdescription}>
            description
            </Text>
            <Pressable style={gStyle.FutureMKmoreDetails} 
            onPress={()=>{navigation.navigate('SignUpForMK',{post:post});}}
            >
                <Text style={gStyle.FutureMKbtnTxt}>Подробнее</Text>
            </Pressable>
            <Text style={gStyle.FutureMKline}></Text>
            </View>
        </View>
  );
}




import { Text, View, Image, Pressable, ScrollView } from 'react-native';
import { gStyle } from '../styles/style';
import Header from '../components/Header';
import Footer from '../components/Footer';
import { Ionicons, MaterialCommunityIcons } from '@expo/vector-icons';
import { useNavigation } from '@react-navigation/native';
import { firebase } from '../Firebase/firebase';
import 'firebase/compat/firestore';

export default function SignUpForMK({route}) {
    const { post } = route.params;
    const navigation = useNavigation();
  return (
    <View>
        <ScrollView>
        <Header/>
        <View style={gStyle.main}>
            <View style={gStyle.SupBox}>
                <Text style={gStyle.header}>{post.name}</Text>
                <Text style={gStyle.hr}></Text>
                <Text style={gStyle.SupDate}>{post.time}</Text>
                <View style={gStyle.SupContainer}>
                    <Image
                    source={{uri:post.image}}
                    style={gStyle.SupImg}
                    />
                    <View style={gStyle.SupForm}>
                        <View style={gStyle.SupPrice}>
                            <Text style={gStyle.SupPrice1}>Цена: </Text>
                            <Text style={gStyle.SupNumber}>{post.price} P.</Text>
                        </View>
                    </View>
                    <Text style={gStyle.SupDescription}>
                        {post.description}
                    </Text>
                    <Text style={gStyle.SupLine}></Text>
                        <View style={gStyle.SupContaier1}>
                            <View style={gStyle.SupBox1}>
                                <Ionicons name="person-outline" size={30} color="black" />
                                <Text style={gStyle.SupPerson}>{post.person} человек</Text>
                            </View>
                            <View style={gStyle.SupBox1}>
                                <MaterialCommunityIcons
                                    name="clock-time-four-outline"
                                    size={30}
                                    color="black"
                                />
                                <Text style={gStyle.SupAlarm}>{post.timeOfMK} час(а)</Text>
                            </View>
                        </View>
                        <Text style={gStyle.SupLine}></Text>
                        <Pressable style={gStyle.SupMoreDetails} 
                        onPress={()=>navigation.navigate('FormAddMK')}
                        >
                            <Text style={gStyle.SupBtn}>Записаться</Text>
                        </Pressable>
                </View>
            </View>
        </View>
        <Footer/>
        </ScrollView>
    </View>
  );
}