2021-05-09 21:59:03 +02:00
|
|
|
import { HeaderCenter, HeaderLeft } from '@components/Header'
|
|
|
|
import { Message } from '@components/Message'
|
2021-08-21 01:45:43 +02:00
|
|
|
import { createNativeStackNavigator } from '@react-navigation/native-stack'
|
2021-08-29 15:25:38 +02:00
|
|
|
import {
|
|
|
|
TabMeProfileStackParamList,
|
|
|
|
TabMeStackScreenProps
|
|
|
|
} from '@utils/navigation/navigators'
|
2021-05-09 21:59:03 +02:00
|
|
|
import React, { useRef } from 'react'
|
|
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
import { KeyboardAvoidingView, Platform } from 'react-native'
|
|
|
|
import FlashMessage from 'react-native-flash-message'
|
2021-05-11 21:38:48 +02:00
|
|
|
import TabMeProfileFields from './Profile/Fields'
|
|
|
|
import TabMeProfileName from './Profile/Name'
|
|
|
|
import TabMeProfileNote from './Profile/Note'
|
|
|
|
import TabMeProfileRoot from './Profile/Root'
|
2021-05-09 21:59:03 +02:00
|
|
|
|
2021-08-29 15:25:38 +02:00
|
|
|
const Stack = createNativeStackNavigator<TabMeProfileStackParamList>()
|
2021-05-09 21:59:03 +02:00
|
|
|
|
2021-08-29 15:25:38 +02:00
|
|
|
const TabMeProfile: React.FC<TabMeStackScreenProps<'Tab-Me-Switch'>> = ({
|
|
|
|
navigation
|
|
|
|
}) => {
|
2021-05-09 21:59:03 +02:00
|
|
|
const { t } = useTranslation('screenTabs')
|
|
|
|
const messageRef = useRef<FlashMessage>(null)
|
|
|
|
|
|
|
|
return (
|
|
|
|
<KeyboardAvoidingView
|
|
|
|
style={{ flex: 1 }}
|
|
|
|
behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
|
|
|
|
>
|
2021-08-21 01:45:43 +02:00
|
|
|
<Stack.Navigator screenOptions={{ headerShadowVisible: false }}>
|
2021-05-09 21:59:03 +02:00
|
|
|
<Stack.Screen
|
|
|
|
name='Tab-Me-Profile-Root'
|
|
|
|
options={{
|
2021-12-18 23:44:08 +01:00
|
|
|
title: t('me.stacks.profile.name'),
|
2021-05-09 21:59:03 +02:00
|
|
|
...(Platform.OS === 'android' && {
|
|
|
|
headerCenter: () => (
|
|
|
|
<HeaderCenter content={t('me.stacks.profile.name')} />
|
|
|
|
)
|
|
|
|
}),
|
|
|
|
headerLeft: () => (
|
|
|
|
<HeaderLeft
|
|
|
|
content='ChevronDown'
|
|
|
|
onPress={() => navigation.goBack()}
|
|
|
|
/>
|
|
|
|
)
|
|
|
|
}}
|
2021-05-17 23:09:50 +02:00
|
|
|
>
|
|
|
|
{({ route, navigation }) => (
|
|
|
|
<TabMeProfileRoot
|
|
|
|
messageRef={messageRef}
|
|
|
|
route={route}
|
|
|
|
navigation={navigation}
|
|
|
|
/>
|
|
|
|
)}
|
|
|
|
</Stack.Screen>
|
2021-05-09 21:59:03 +02:00
|
|
|
<Stack.Screen
|
|
|
|
name='Tab-Me-Profile-Name'
|
|
|
|
options={{
|
2021-12-18 23:44:08 +01:00
|
|
|
title: t('me.stacks.profileName.name'),
|
2021-05-09 21:59:03 +02:00
|
|
|
...(Platform.OS === 'android' && {
|
|
|
|
headerCenter: () => (
|
|
|
|
<HeaderCenter content={t('me.stacks.profileName.name')} />
|
|
|
|
)
|
|
|
|
})
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
{({ route, navigation }) => (
|
2021-05-11 21:38:48 +02:00
|
|
|
<TabMeProfileName
|
2021-05-09 21:59:03 +02:00
|
|
|
messageRef={messageRef}
|
|
|
|
route={route}
|
|
|
|
navigation={navigation}
|
|
|
|
/>
|
|
|
|
)}
|
|
|
|
</Stack.Screen>
|
|
|
|
<Stack.Screen
|
|
|
|
name='Tab-Me-Profile-Note'
|
|
|
|
options={{
|
2021-12-18 23:44:08 +01:00
|
|
|
title: t('me.stacks.profileNote.name'),
|
2021-05-09 21:59:03 +02:00
|
|
|
...(Platform.OS === 'android' && {
|
|
|
|
headerCenter: () => (
|
|
|
|
<HeaderCenter content={t('me.stacks.profileNote.name')} />
|
|
|
|
)
|
|
|
|
})
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
{({ route, navigation }) => (
|
2021-05-11 21:38:48 +02:00
|
|
|
<TabMeProfileNote
|
2021-05-09 21:59:03 +02:00
|
|
|
messageRef={messageRef}
|
|
|
|
route={route}
|
|
|
|
navigation={navigation}
|
|
|
|
/>
|
|
|
|
)}
|
|
|
|
</Stack.Screen>
|
|
|
|
<Stack.Screen
|
|
|
|
name='Tab-Me-Profile-Fields'
|
|
|
|
options={{
|
2021-12-18 23:44:08 +01:00
|
|
|
title: t('me.stacks.profileFields.name'),
|
2021-05-09 21:59:03 +02:00
|
|
|
...(Platform.OS === 'android' && {
|
|
|
|
headerCenter: () => (
|
|
|
|
<HeaderCenter content={t('me.stacks.profileFields.name')} />
|
|
|
|
)
|
|
|
|
})
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
{({ route, navigation }) => (
|
2021-05-11 21:38:48 +02:00
|
|
|
<TabMeProfileFields
|
2021-05-09 21:59:03 +02:00
|
|
|
messageRef={messageRef}
|
|
|
|
route={route}
|
|
|
|
navigation={navigation}
|
|
|
|
/>
|
|
|
|
)}
|
|
|
|
</Stack.Screen>
|
|
|
|
</Stack.Navigator>
|
|
|
|
|
|
|
|
<Message ref={messageRef} />
|
|
|
|
</KeyboardAvoidingView>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default TabMeProfile
|