I create a EventCard on press the card Event Details page open, where there is details of events shown. In details there is Event Organizer details. By press on Organizer, Organizer Profile page open. Where Organizer details are shown.
Organizer Button
<TouchableOpacity
onPress={() => navigation.navigate("OrganizerProfile", { item: item })}>
<View style={{ flexDirection: 'row', }}>
<Image
style={{ height: 48, width: 48, borderRadius: 12, }}
source={item.organizerDp}
/>
<View style={{ marginLeft: 14 }}>
<Text style={{ color: '#120D26', fontSize: 16, fontWeight: '400', lineHeight: 34, }}>{item.organizer}</Text>
<Text style={{ color: '#747688', fontSize: 12, fontWeight: '400', }}>Organizer</Text>
</View>
</View>
</TouchableOpacity>
Organizer Profile
import { StyleSheet, Text, View, TouchableOpacity, Image, ScrollView, TouchableHighlight, FlatList } from 'react-native'
import { useNavigation } from '@react-navigation/native';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
import OrganizerAbout from './OrganizerAbout';
import OrganizerEvents from './OrganizerEvents';
import OrganizerReviews from './OrganizerReviews';
const OrganizerProfile = ({ route }) => {
const navigation = useNavigation();
const Tab = createMaterialTopTabNavigator();
const { item } = route.params;
return (
<View style={{ flex: 1, backgroundColor: '#fff' }}>
Header...
Profile Pic...
Name...
Follower...
Buttons...
<View style={{ alignItems: 'center', marginTop: 10, flex: 1, marginHorizontal: 24 }}>
<Tab.Navigator
screenOptions={{
styling...
}}
>
<Tab.Screen
name="About"
component={OrganizerAbout}
/>
<Tab.Screen
name="Event"
component={OrganizerEvents}
/>
<Tab.Screen
name="Reviews"
component={OrganizerReviews}
/>
</Tab.Navigator>
</View>
</View>
)
}
export default OrganizerProfile
Organizer DB
const upcomingEventsInfo = [
{
id: 1,
others...
organizer: 'Ashfak Sayem',
organizerFollowing: '200',
organizerFollowers: '457',
organizerAbout: 'Enjoy your favorite dishe and a lovely your friends and family and have a great time.',
organizerReviews: {
reviewPic: require("../Assets/ReviewsProfilePics/Pic1.png"),
reviewName: "Rocks Velkeinjen",
reviewDay: "10",
reviewMonth: "Feb",
reviewComment: "Cinemas is the ultimate experience to see new movies in Gold Class or Vmax. Find a cinema near you."
},
organizerDp: require("../Assets/OrganizerPics/OrganizerDp1.png"),
others...
},
{
id: 2,
others...
organizer: 'Emma Amelia',
organizerFollowing: '250',
organizerFollowers: '507',
organizerAbout: 'About Emma Amelia About Emma Amelia About Emma Amelia About Emma Amelia About Emma Amelia',
organizerReviews: {
reviewPic: require("../Assets/ReviewsProfilePics/Pic1.png"),
reviewName: "Rocks Velkeinjen",
reviewDay: "10",
reviewMonth: "Feb",
reviewComment: "Cinemas is the ultimate experience to see new movies in Gold Class or Vmax. Find a cinema near you."
},
organizerDp: require("../Assets/OrganizerPics/OrganizerDp2.png"),
others...
},
When I access Organizer data in organizer details page its working, But when I access it in top tab navigator About tab it dont show the organizerAbout data related to Organizer.