import { Text, View, Image, Pressable } from ‘react-native’;
import { gStyle } from ‘…/styles/style’;
import React from ‘react’;
import { useNavigation } from ‘@react-navigation/native’;

export default function FutureMK() {
const navigation = useNavigation();
return (
<View style={gStyle.main}>
<View style={gStyle.mainFMK}>
<Text style={gStyle.dateFutureMK}>12:30 12/12/2012</Text>
<View style={gStyle.FutureMKimg}>
<Image source={require(‘…/assets/example1.jpg’)} style={gStyle.FutureMKbannerImg}/>
<Text style={gStyle.FutureMKnameOfMK}>Мастер-класс №1</Text>
<Text style={gStyle.hr}></Text>
</View>
<Text style={gStyle.FutureMKprice}>Цена: <Text style={gStyle.FutureMKrub}>350 P.</Text></Text>
<Text style={gStyle.FutureMKdescription}>
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
In enim justo, rhoncus ut.
</Text>
<Pressable style={gStyle.FutureMKmoreDetails}
onPress={()=>{navigation.navigate(‘SignUpForMK’)}}
>
<Text style={gStyle.FutureMKbtnTxt}>Подробнее</Text>
</Pressable>
<Text style={gStyle.FutureMKline}></Text>
</View>
</View>
);
}


and how can i do if user wants to look at particular post they click on button and it redirects them on a screen with details about post? collection is FutureMK (name, date, description, price and image) from firebase