@ekosh02/react-native-animated-header-scroll-view/src/components/headerView/types.ts

Lightweight React Native ScrollView with animated header. No reanimated or gesture-handler required.

import { ReactNode } from 'react'
import { ColorValue, ViewProps, ViewStyle } from 'react-native'

export interface HeaderViewProps extends ViewProps {
  topHeaderComponent?: ReactNode
  scrolledHeaderComponent?: ReactNode
  isScrolledToHeaderEnd: boolean
  headerBackgroundColor?: ColorValue
  useSafeArea?: boolean
  onHeaderLayout: ViewProps['onLayout']
}

export type DynamicStylesProps = {
  top: number
  opacityTopHeader: ViewStyle['opacity']
  opacityScrolledHeader: ViewStyle['opacity']
  headerBackgroundColor: HeaderViewProps['headerBackgroundColor']
}