ronak301 / React Native Submit Button
Licence: mit
Animated Submit button. Works on both android and ios.
Stars: ✭ 124
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Native Submit Button
React Awesome Button
React button component. Awesome button is a 3D UI, progress, social and share enabled, animated at 60fps, light weight, performant, production ready react UI button component. 🖥️ 📱
Stars: ✭ 943 (+660.48%)
Mutual labels: animated, button
React Native Really Awesome Button
React Native button component. Awesome Button is a 3D at 60fps, progress enabled, social ready, extendable, production ready component that renders an awesome animated set of UI buttons. 📱
Stars: ✭ 988 (+696.77%)
Mutual labels: animated, button
Aiflatswitch
Nicely animated flat design switch alternative to UISwitch
Stars: ✭ 904 (+629.03%)
Mutual labels: animated, button
Animatedpencil
Animated Pencil Action view for Android
Stars: ✭ 61 (-50.81%)
Mutual labels: animated, button
React Native Rating
🌟 cross-platform rating for react-native built with Animated and native driver 🌟
Stars: ✭ 90 (-27.42%)
Mutual labels: animated
Sortinganimation
A visual representation for sorting algorithms
Stars: ✭ 105 (-15.32%)
Mutual labels: animated
Countdownbutton
⏳A button component with a countdown function
Stars: ✭ 87 (-29.84%)
Mutual labels: button
Statebutton
一个可以用代码设置selector背景(按下去背景颜色更改,样式变化等等)的button, 再也不用写selector了
Stars: ✭ 1,276 (+929.03%)
Mutual labels: button
Camerabutton
Instagram-like button for taking photos or recording videos
Stars: ✭ 121 (-2.42%)
Mutual labels: button
Windows10debloater
Script to remove Windows 10 bloatware.
Stars: ✭ 11,462 (+9143.55%)
Mutual labels: button
Flutter Reaction Button
Flutter reaction button plugin it is fully customizable widget such as Facebook reaction button
Stars: ✭ 111 (-10.48%)
Mutual labels: button
Zwmusicdownloadview
精仿唱吧App音乐下载进度按钮,完美快速集成使用(A beautiful musical download progress button which can show the progress and click to play Music after finishing)
Stars: ✭ 88 (-29.03%)
Mutual labels: button
React Native Circle Button
A Customizable React Native Circle Button
Stars: ✭ 87 (-29.84%)
Mutual labels: button
Gradient Screens
🌈 Gradients applied to buttons, texts and backgrounds in Flutter
Stars: ✭ 97 (-21.77%)
Mutual labels: button
React Dark Mode Toggle
🦉 A cutesy dark mode toggle button for React.
Stars: ✭ 117 (-5.65%)
Mutual labels: button
React Native Animated Header Example
example of an animated header that contains components who animate based on the scroll position of a ScrollView
Stars: ✭ 97 (-21.77%)
Mutual labels: animated
react-native-submit-button
An Animated Submit Button. Works on both android and IOS.
- folds when in progress
- expands back when its ready
Inspiration
https://dribbble.com/shots/1426764-Submit-Button
Running Example
- git clone
https://github.com/ronak301/react-native-submit-button.git
- cd example
- npm install
- react-native link
- react-native run-ios
Installation
- npm install --save react-native-submit-button
- if RN > 0.29
react-native link
elsernpm link
Usage
import SubmitButton from 'react-native-submit-button';
class SubmitButtonExample extends Component {
render() {
return (
<View style={{flex:1}}>
<SubmitButton />
</View>
);
}
}
Props
Property | Type | Default | Description |
---|---|---|---|
primaryColor | string |
rgb(30, 205, 151) |
optional user-defined primary color |
secondaryColor | string |
white |
optional user-defined secondary color |
buttonState | string |
normal |
button state can be one of normal , success , error
|
width | number |
180 | optional user-defined width for button |
height | number |
54 | optional user-defined height for button |
buttonText | string |
'Submit' | optional user-defined text on button |
buttonTextWhenReady | string |
optional user-defined text on button when success (either provide this or give iconName to be shown once submitted successfully ) , this will get priority over icon name | |
iconName | string |
'check' | optional any icon name from fontello icons , to be shown once we got success. |
textStyle | object |
optional text styles to override existing styles | |
buttonStyle | object |
optional button styles to override existing styles | |
animationDuration | number |
200 | number in ms . Time to fold button. |
errorColor | string |
#ff6666 |
error color |
onSubmit | function |
function to call on button press | |
onSuccess | function |
function to call on success | |
onError | function |
function to call on error |
License
- MIT. © Ronak Kothari
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].