2020-10-24 18:07:09 +02:00
|
|
|
import React, { useEffect, useState } from 'react'
|
|
|
|
import { createNativeStackNavigator } from 'react-native-screens/native-stack'
|
|
|
|
import { Feather } from '@expo/vector-icons'
|
2020-10-23 09:22:17 +02:00
|
|
|
|
2020-11-23 00:07:32 +01:00
|
|
|
import Timeline from 'src/components/Timelines/Timeline'
|
2020-11-21 13:19:05 +01:00
|
|
|
import sharedScreens from 'src/screens/Shared/sharedScreens'
|
2020-11-23 00:07:32 +01:00
|
|
|
import { useTheme } from 'src/utils/styles/ThemeManager'
|
2020-10-24 18:07:09 +02:00
|
|
|
|
|
|
|
const Stack = createNativeStackNavigator()
|
2020-10-23 09:22:17 +02:00
|
|
|
|
2020-11-21 13:19:05 +01:00
|
|
|
const ScreenNotifications: React.FC = () => {
|
2020-11-23 00:07:32 +01:00
|
|
|
const { theme } = useTheme()
|
|
|
|
|
2020-10-24 18:07:09 +02:00
|
|
|
const [renderHeader, setRenderHeader] = useState(false)
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
const nbr = setTimeout(() => setRenderHeader(true), 50)
|
|
|
|
return
|
|
|
|
}, [])
|
|
|
|
|
|
|
|
return (
|
|
|
|
<Stack.Navigator
|
|
|
|
screenOptions={{
|
|
|
|
headerRight: () =>
|
|
|
|
renderHeader ? (
|
2020-11-23 00:07:32 +01:00
|
|
|
<Feather name='search' size={24} color={theme.secondary} />
|
2020-10-24 18:07:09 +02:00
|
|
|
) : null,
|
2020-11-23 00:07:32 +01:00
|
|
|
headerTitle: '通知',
|
|
|
|
headerLargeTitle: true
|
2020-10-24 18:07:09 +02:00
|
|
|
}}
|
|
|
|
>
|
|
|
|
<Stack.Screen name='Notifications'>
|
2020-10-30 00:10:25 +01:00
|
|
|
{() => <Timeline page='Notifications' />}
|
2020-10-24 18:07:09 +02:00
|
|
|
</Stack.Screen>
|
2020-10-30 20:03:44 +01:00
|
|
|
|
|
|
|
{sharedScreens(Stack)}
|
2020-10-24 18:07:09 +02:00
|
|
|
</Stack.Navigator>
|
|
|
|
)
|
2020-10-23 09:22:17 +02:00
|
|
|
}
|
2020-10-31 21:04:46 +01:00
|
|
|
|
2020-11-21 13:19:05 +01:00
|
|
|
export default ScreenNotifications
|