Schedule - Reanimated layout animation

Description

This schedule animation component is built using [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated/), powered by Layout animations, `layout`, `entering` and `exiting`. When a day toggle is active, it will display the time picker details with a smooth animation. - `Layout` transitions allows you to replace layout changes with smooth transitions. Each layout change may include changes of size and position and both of them can be animated - `entering` and `exiting` is used for animating the mount/unmount of the components (time picker, footer button). --- - [Layout transitions docs](https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions) - [Entering & Exiting animations docs](https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations)

Installation

bunx @animatereactnative/cli@latest add schedule-reanimated-layout-animation

npx @animatereactnative/cli@latest add schedule-reanimated-layout-animation

yarn @animatereactnative/cli@latest add schedule-reanimated-layout-animation

pnpm dlx @animatereactnative/cli@latest add schedule-reanimated-layout-animation

Preview

Dependencies

PackageVersion
lucide-react-native^0.456.0
react-native-reanimated~4.1.0
react-native-safe-area-context~5.6.0

To install these dependencies, you can use the following command:

bun add lucide-react-native@"^0.456.0" react-native-reanimated@"~4.1.0" react-native-safe-area-context@"~5.6.0"

npm install lucide-react-native@"^0.456.0" react-native-reanimated@"~4.1.0" react-native-safe-area-context@"~5.6.0"

yarn install lucide-react-native@"^0.456.0" react-native-reanimated@"~4.1.0" react-native-safe-area-context@"~5.6.0"

pnpm install lucide-react-native@"^0.456.0" react-native-reanimated@"~4.1.0" react-native-safe-area-context@"~5.6.0"

Source code