0.1.3 • Published 4 years ago
@freakycoder/react-native-empty-state v0.1.3
Installation
Add the dependency:
npm i @freakycoder/react-native-empty-statePeer Dependencies
"@freakycoder/react-native-bounceable": ">= 0.2.2",Usage
Import
import EmptyState from "@freakycoder/react-native-empty-state";Fundamental Usage
<EmptyState
enableButton
buttonText="Refresh"
imageSource={emptyStateImage}
title="Opps! Anything here :("
description="We cannot find anything here, try again sometime"
/>Example Project 😍
You can checkout the example project 🥰
Simply run
npm ireact-native run-ios/android
should work of the example project.
Configuration - Props
Fundamentals
| Property | Type | Default | Description |
|---|---|---|---|
| title | string | undefined | change the title |
| description | string | undefined | change the description |
Customization (Optionals)
| Property | Type | Default | Description |
|---|---|---|---|
| enableButton | boolean | false | let you enable the button (must use it for button) |
| onPress | function | undefined | set your own logic for the button functionality when it is pressed |
| buttonText | string | undefined | change the button's text |
| style | ViewStyle | default | set or override the style object for the main container |
| buttonStyle | ViewStyle | default | set or override the style object for the button style |
| titleTextStyle | TextStyle | default | set or override the style object for the title text style |
| buttonTextStyle | TextStyle | default | set or override the style object for the button's text style |
| descriptionTextStyle | TextStyle | default | set or override the style object for the description text style |
| containerGlueStyle | ViewStyle | default | set or override the style object for the container glue style |
| descriptionContainerStyle | ViewStyle | default | set or override the style object for the description container style |
| imageStyle | ImageStyle | default | set or override the style object for the image style |
| ImageComponent | Image | default | set your own component instead of default react-native Image component |
Future Plans
LICENSE
Author
FreakyCoder, kurayogun@gmail.com
License
React Native Empty State is available under the MIT license. See the LICENSE file for more info.