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
Add the dependency:
npm i react-native-easy-state-view
"@freakycoder/react-native-bounceable": ">= 0.2.4"
<StateView
enableButton
buttonText="Refresh"
title="No Content"
description="Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis."
onPress={() => {}}
/>
- I shared the example project to check what it is: check the code, 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.
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 |
Thanks for Kaylylai for these awesome illustrations :O I love her work a lot! Here is the Kaylylai's Dribbble portfolio : Kaylylai's Dribble
FreakyCoder, kurayogun@gmail.com
React Native Easy State View Library is available under the MIT license. See the LICENSE file for more info.