create-rn-starter-kit/template/src/components/BottomTabs/types.ts

Interactive CLI for creating modular React Native apps with Expo

// template/src/components/BottomTabs/types.ts
import { ViewStyle } from 'react-native';

export interface BottomTabItem {
  id: string;
  label: string;
  icon: string;
  isActive?: boolean; // This will be ignored now, kept for backwards compatibility
  onPress?: () => void;
}

export interface BottomTabsData {
  items: BottomTabItem[];
}

export interface BottomTabsProps {
  data: BottomTabsData;
  style?: ViewStyle;
  onOverlayOpen?: (tabId: string) => void; // For handling overlay tabs
  onSectionChange?: (sectionId: string) => void; // New prop for handling section changes
  activeSection?: string; // New prop to control active state from parent
}