Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
iqbalansyor authored Aug 31, 2020
1 parent 5aa8c8f commit 351d01f
Showing 1 changed file with 10 additions and 3 deletions.
13 changes: 10 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,19 @@
[![npm](https://img.shields.io/badge/npm-v0.1.0-blue)](https://www.npmjs.com/package/react-native-notification-stack-card)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg)]()

# WIP

# React Native Notification Stack Card

A React Native list animation for creating Notification Stack Card
A React Native stack list for notification card

## Preview

[![notif-cardsfd3015b508480d7b.gif](https://s8.gifyu.com/images/notif-cardsfd3015b508480d7b.gif)](https://gifyu.com/image/gkrR)

## Installation
`npm install react-native-notification-stack-card --save`

## Usage
<img src="https://i.ibb.co/2YFrqRV/Screen-Shot-2020-08-31-at-19-36-28.png" width="500" height="500">

Import **StackCardList** component:

Expand Down Expand Up @@ -64,8 +66,13 @@ Customize your notification view based on **index** and **activeIndex**:
To create close button there are 2 option:

1. You can use `closeButtonView` props. The position is absolute (left: 20, top: 20). Pass your `x` icon or anything your view.

<img src="https://i.ibb.co/ZdXsxpZ/Screen-Shot-2020-08-31-at-19-38-11.png" width="500" height="500">

2. Create you own close button. And use `next()` when it pressed.

<img src="https://i.ibb.co/rMJCxnq/Screen-Shot-2020-08-31-at-19-37-34.png" width="500" height="500">

## Configuration

### Props
Expand Down

0 comments on commit 351d01f

Please sign in to comment.