Refactor the navigation and header strategy by replacing native stack headers with a custom `SimpleHeader` component across most profile and detail screens. This provides a more consistent UI/UX and better control over layout behavior. - Implement `SimpleHeader` component in `src/components/common`. - Disable native header rendering in `app/(app)/(tabs)/profile/_layout.tsx` and `app/_layout.tsx`. - Update profile sub-screens to use `SimpleHeader` and `StatusBar` from `expo-status-bar`. - Refactor `PostDetailScreen` to use a custom header implementation for better integration with the post author information. - Update `UserScreen` to wrap content in `SafeAreaView` with the new header. - Adjust `AppBackButton` to support transparent backgrounds.
29 lines
867 B
TypeScript
29 lines
867 B
TypeScript
import { Stack } from 'expo-router';
|
|
|
|
export default function ProfileStackLayout() {
|
|
return (
|
|
<Stack
|
|
screenOptions={{
|
|
headerShown: false,
|
|
}}
|
|
>
|
|
<Stack.Screen name="index" />
|
|
<Stack.Screen name="settings" />
|
|
<Stack.Screen name="edit-profile" />
|
|
<Stack.Screen name="account-security" />
|
|
<Stack.Screen name="my-posts" />
|
|
<Stack.Screen name="bookmarks" />
|
|
<Stack.Screen name="notification-settings" />
|
|
<Stack.Screen name="blocked-users" />
|
|
<Stack.Screen name="chat-settings" />
|
|
<Stack.Screen name="about" />
|
|
<Stack.Screen name="terms" />
|
|
<Stack.Screen name="privacy" />
|
|
<Stack.Screen name="verification" />
|
|
<Stack.Screen name="data-storage" />
|
|
<Stack.Screen name="privacy-settings" />
|
|
<Stack.Screen name="account-deletion" />
|
|
</Stack>
|
|
);
|
|
}
|