https://github.com/wrathchaos/react-native-easy-state-view
Fully customizable State View for React Native.
https://github.com/wrathchaos/react-native-easy-state-view
android apple easy error error-state freakycoder google ios react react-native reactjs state state-view
Last synced: 18 days ago
JSON representation
Fully customizable State View for React Native.
- Host: GitHub
- URL: https://github.com/wrathchaos/react-native-easy-state-view
- Owner: WrathChaos
- License: mit
- Created: 2018-12-26T13:03:43.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-12-22T11:22:39.000Z (over 1 year ago)
- Last Synced: 2025-04-14T15:08:17.175Z (about 1 month ago)
- Topics: android, apple, easy, error, error-state, freakycoder, google, ios, react, react-native, reactjs, state, state-view
- Language: Java
- Homepage: https://www.freakycoder.com
- Size: 6.02 MB
- Stars: 21
- Watchers: 2
- Forks: 3
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 
[](https://github.com/WrathChaos/react-native-button)
[](https://github.com/WrathChaos/react-native-easy-state-view)
[](https://www.npmjs.com/package/react-native-easy-state-view)
[](https://www.npmjs.com/package/react-native-easy-state-view)
[](https://opensource.org/licenses/MIT)
## Version 1.0.0 🥳
Version 1.0.0 is finally here after thousands of downloads and usage of this library 😎
I wonder that what you're going to build with this library. I will share your awesome product on here
## Installation
Add the dependency:
```ruby
npm i react-native-easy-state-view
```
## Peer Dependencies
##### IMPORTANT! You need install them
```js
"@freakycoder/react-native-bounceable": ">= 0.2.4"
```
## Basic Usage
```jsx
{}}
/>
```
### Example Application
- I shared the example project to check what it is:
[check the code](examples/App.js), and yes! :) all of the images, screenshots are directly taken
from this example. Of course, you can simply clone the project and run the example on your own environment.
### Configuration - Props
| Property | Type | Default | Description |
| -------------------- | --------- | ---------------------- | ----------------------------------------------------------- |
| style | style | default | customize/override the default style of the main state view |
| title | string | undefined | change the title |
| titleStyle | style | default | use this to change title's style |
| onPress | function | undefined | use this to handle the press the button |
| description | string | undefined | use this to change description's style |
| descriptionStyle | style | default | use this to change description's style |
| isCenter | boolean | false | use this to center the StateView's content |
| imageStyle | style | default | use this to change own image style |
| imageSource | image | Cutie Snow Globe Image | use this to set own image source |
| enableButton | boolean | false | set the enableButton to use the button |
| buttonComponent | component | RNBounceable | use this to implement own button |
| buttonContainerStyle | style | default | use this to implement own style for button container |
| buttonTextStyle | style | default | use this to implement own style for button's text style |
| buttonText | string | "Let's Go!" | use this to set button's text |
| shadowStyle | style | \_shadowStyle | use this to set own shadow style |
## Credits
Thanks for Kaylylai for these awesome illustrations :O I love her work a lot!
Here is the Kaylylai's Dribbble portfolio : [Kaylylai's Dribble](https://dribbble.com/kaylylai)
## Author
FreakyCoder, [email protected]
## License
React Native Easy State View Library is available under the MIT license. See the LICENSE file for more info.