react-native-md-motion-buttons (iOS / Android)
A simple animated transition based on the dribble from invision.
Installation
npm install react-native-md-motion-buttons --save
Usage
View Props
Prop | Type | Description |
---|---|---|
children |
ReactElement<any> |
React Element(s) to render. Button must be a direct child. |
homeScreen |
ReactElement<any> |
New screen to render after the animation. <View> expose a logout function as a prop to this Component |
style |
StyleSheet<any> |
Apply style to the View |
Button Props
Prop | Type | Description |
---|---|---|
title |
?String |
Button title. Default : 'Login' |
color |
?String |
Text color. Default: 'white' |
style |
StyleSheet<any> |
Apply style to the Button. backgroundColor is required |
onPress |
() => Promise> |
Handle button click. Must returned a promise |
Roadmap
Next release
- [x] Add ripple effect for button
- [ ] Add a Floating Action Button (FAB) which will move to the center (like inVision dribble)