The react-native-easy-state-view from wrathchaos

wrathchaos / react-native-easy-state-view Goto Github PK

View Code? Open in Web Editor NEW

Fully customizable State View for React Native.

License: MIT License

JavaScript 8.60% Java 33.84% Ruby 4.15% Objective-C 24.12% Starlark 3.29% TypeScript 26.00%

react-native-easy-state-view's Introduction

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

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