@reuvenorg/react-native-boilerplate-ultimate/templates/react-native-template-v1.0.0/src/hooks/screen-options.ts

A powerful CLI tool for creating React Native projects with modular architecture. Generate, manage, and scaffold React Native applications with pre-built modules and best practices.

import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
import { useTheme } from 'react-native-paper';

// Define header styles based on theme
export const useScreenOptions = () => {
  const theme = useTheme();
  return {
    headerShown: true,
    headerBackVisible: false,
    orientation: 'portrait' as const,
    headerStyle: {
      backgroundColor: theme.colors.surfaceVariant,
    },
    headerTintColor: theme.colors.onSurfaceVariant,
    headerTitleStyle: {
      fontWeight: '600' as const,
    },
    contentStyle: {
      backgroundColor: theme.colors.background,
    },
  } as NativeStackNavigationOptions;
};