New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

react-native-easy-state-view

Package Overview
Dependencies
Maintainers
1
Versions
31
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-easy-state-view

Fully customizable State View with plug & play usage for React Native.

latest
Source
npmnpm
Version
1.0.1
Version published
Maintainers
1
Created
Source

React Native Easy State View

Battle Tested ✅

Fully customizable State View with plug & play usage for React Native.

npm version npm Platform - Android and iOS License: MIT

React Native Easy State View Image React Native Easy State View Image

React Native Easy State View Image React Native Easy State View Image

React Native Easy State View Image

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:

npm i react-native-easy-state-view

Peer Dependencies

IMPORTANT! You need install them
"@freakycoder/react-native-bounceable": ">= 0.2.4"

Basic Usage

<StateView
  enableButton
  buttonText="Refresh"
  title="No Content"
  description="Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis."
  onPress={() => {}}
/>

Example Application

  • 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.

Configuration - Props

PropertyTypeDefaultDescription
stylestyledefaultcustomize/override the default style of the main state view
titlestringundefinedchange the title
titleStylestyledefaultuse this to change title's style
onPressfunctionundefineduse this to handle the press the button
descriptionstringundefineduse this to change description's style
descriptionStylestyledefaultuse this to change description's style
isCenterbooleanfalseuse this to center the StateView's content
imageStylestyledefaultuse this to change own image style
imageSourceimageCutie Snow Globe Imageuse this to set own image source
enableButtonbooleanfalseset the enableButton to use the button
buttonComponentcomponentRNBounceableuse this to implement own button
buttonContainerStylestyledefaultuse this to implement own style for button container
buttonTextStylestyledefaultuse this to implement own style for button's text style
buttonTextstring"Let's Go!"use this to set button's text
shadowStylestyle_shadowStyleuse 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

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Easy State View Library is available under the MIT license. See the LICENSE file for more info.

Keywords

react-native

FAQs

Package last updated on 29 Sep 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts