Files
workspace/code/app/app-rn/components/themed-view.tsx
T
2026-04-06 21:15:11 +08:00

16 lines
493 B
TypeScript

import type { ViewProps } from 'react-native'
import { View } from 'react-native'
import { useThemeColor } from '@/hooks/use-theme-color'
export type ThemedViewProps = ViewProps & {
lightColor?: string
darkColor?: string
}
export function ThemedView({ style, lightColor, darkColor, ...otherProps }: ThemedViewProps) {
const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor }, 'background')
return <View style={[{ backgroundColor }, style]} {...otherProps} />
}