🌠An easy to use transition component for React Native
MIT License
A minimalist and easy to use transition component for React Native.
Install the library
yarn add react-native-simple-transition
Create a transition component and add the content as a child. New components will be animated every time the key changes.
import { WithPushTransition } from 'react-native-simple-transition';
const MyComponent = () => {
const [count, setCount] = useState(0);
return (
<WithPushTransition style={{flex: 1}}>
<Text key={count} onPress={() => setCount(count+1)}>
This component will smoothly transition on key changes.
</Text>
</WithPushTransition>
)
}
Currently the only transition component is WithPushTransition
.
More are planned to be added soon.
contentKey
: alternative to updating the child's key
propertyduration
: transition duration in millisecondsstyle
: the style given to the transition componenteasing
: an easing function for the transitiondirection
: the direction of the transition; can be "left"
, "right"
, "up"
or "down"