AnimatedBox predefined component

[hamdij0maa]

Can we add this :

import {Theme} from './theme';

const Box = createBox();

export default Box;

type AnimatedViewProps = Animated.AnimateProps<
ViewProps & {children?: ReactNode}

;

type Props = BoxProps & AnimatedViewProps;

export const AnimatedBox = createRestyleComponent<Props, Theme>(
[spacing, backgroundColor, spacing, border, shadow],
Animated.View,
);
``

[Johan-dutoit]

It would be super if this worked, however it all goes wonky with hot reloading.

type BoxProps = ComponentProps<typeof Box>;
type AnimatedViewProps = AnimatedProps<ViewProps & {children?: ReactNode}>;
type Props = BoxProps & AnimatedViewProps;
export const AnimatedBox = createBox<Theme, Props>(Animated.View);

I've ended up going with something like this

type BoxProps = ComponentProps<typeof Box>;
type AnimatedViewProps = AnimatedProps<ViewProps & {children?: ReactNode}>;
type Props = BoxProps & AnimatedViewProps;

export const AnimatedBox = createRestyleComponent<
  BoxProps & Omit<Props, keyof BoxProps>,
  Theme
>(
  boxRestyleFunctions as RestyleFunctionContainer<BoxProps, Theme>[],
  Animated.View,
);