react-native-sortables
Version:
Powerful Sortable Components for Flexible Content Reordering in React Native
53 lines (50 loc) • 1 kB
JavaScript
;
import { withTiming } from 'react-native-reanimated';
const ITEM_LAYOUT_ANIMATION_DURATION = 300;
export const SortableItemExiting = () => {
'worklet';
const animations = {
opacity: withTiming(0, {
duration: ITEM_LAYOUT_ANIMATION_DURATION
}),
transform: [{
scale: withTiming(0.5, {
duration: ITEM_LAYOUT_ANIMATION_DURATION
})
}]
};
const initialValues = {
opacity: 1,
transform: [{
scale: 1
}]
};
return {
animations,
initialValues
};
};
export const SortableItemEntering = () => {
'worklet';
const animations = {
opacity: withTiming(1, {
duration: ITEM_LAYOUT_ANIMATION_DURATION
}),
transform: [{
scale: withTiming(1, {
duration: ITEM_LAYOUT_ANIMATION_DURATION
})
}]
};
const initialValues = {
opacity: 0,
transform: [{
scale: 0.5
}]
};
return {
animations,
initialValues
};
};
//# sourceMappingURL=layoutAnimations.js.map