Skip to content

Commit

Permalink
fix(jest): add photos
Browse files Browse the repository at this point in the history
  • Loading branch information
Aris-ngoy committed Nov 27, 2024
1 parent 09de632 commit 00f6bfd
Show file tree
Hide file tree
Showing 8 changed files with 58 additions and 169 deletions.
32 changes: 21 additions & 11 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,28 @@
# React Native Irano

## Video Demonstration

You can watch a demonstration of the React Native Irano components in action below:

<div style="display: flex; justify-content: space-around;">
<img src="assets/1.png" width="200" alt="Demo Image 1" />
<img src="assets/2.png" width="200" alt="Demo Image 2" />
<img src="assets/3.png" width="200" alt="Demo Image 3" />
<img src="assets/4.png" width="200" alt="Demo Image 4" />
</div>

## Installation

To use the React Native Irano components, ensure you have the following dependencies installed in your React Native project. You can use one of the following commands based on your package manager:

```sh
npm install react-native-irano
# or
yarn add react-native-irano
```

## Table of Contents
- [Overview](#overview)
- [Installation](#installation)
- [Usage Example](#usage-example)
- [Step 1: Wrap Your Application with `IranoProvider`](#step-1-wrap-your-application-with-irano-provider)
- [Step 2: Use the `useIrano` Hook in Your Component](#step-2-use-the-useirano-hook-in-your-component)
Expand All @@ -22,16 +42,6 @@

React Native Irano is a library that provides customizable alert and toast components for React Native applications. It allows developers to easily display notifications and alerts with smooth animations and various presets.

## Installation

To use the React Native Irano components, ensure you have the following dependencies installed in your React Native project. You can use one of the following commands based on your package manager:

```sh
npm install react-native-irano
# or
yarn add react-native-irano
```

## Usage Example

To use the `IranoProvider`, `Alert`, and `Toast` components in your application, follow the example below:
Expand Down
Binary file added assets/1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/video.mp4
Binary file not shown.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "react-native-irano",
"version": "0.1.0",
"version": "1.0.2",
"description": "Cross-platform toasts for React Native",
"source": "./src/index.tsx",
"main": "./lib/commonjs/index.js",
Expand Down
193 changes: 36 additions & 157 deletions yarn.lock

Large diffs are not rendered by default.

0 comments on commit 00f6bfd

Please sign in to comment.