Skip to content

Commit 3e98f9f

Browse files
committed
Version 1.0.0 is finally here with separation of header views and new documentation.
1 parent 31401d6 commit 3e98f9f

File tree

73 files changed

+8276
-7491
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+8276
-7491
lines changed

README.md

Lines changed: 60 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,87 @@
1-
<img alt="React Native Bottom Bar" src="https://github.com/WrathChaos/react-native-header-view/blob/master/assets/Screenshots/logo.png" width="1050"/>
1+
<img alt="React Native Bottom Bar" src="assets/logo.png" width="1050"/>
22

33
[![Battle Tested ✅](https://img.shields.io/badge/-Battle--Tested%20%E2%9C%85-03666e?style=for-the-badge)](https://github.com/WrathChaos/react-native-button)
44

5-
[![Fully customizable Header View with multiple design options for React Native.](https://img.shields.io/badge/-Fully%20customizable%20Header%20View%20with%20multiple%20design%20options%20for%20React%20Native.-lightgrey?style=for-the-badge)](https://github.com/WrathChaos/react-native-header-view)
5+
[![Collection of Header Views for React Native](https://img.shields.io/badge/-Collection%20of%20Header%20Views%20for%20React%20Native-orange?style=for-the-badge)](https://github.com/WrathChaos/react-native-header-view)
66

77
[![npm version](https://img.shields.io/npm/v/@freakycoder/react-native-header-view.svg?style=for-the-badge)](https://www.npmjs.com/package/@freakycoder/react-native-header-view)
88
[![npm](https://img.shields.io/npm/dt/@freakycoder/react-native-header-view.svg?style=for-the-badge)](https://www.npmjs.org/package/@freakycoder/react-native-header-view)
99
![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)
1010
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
1111
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)
1212

13-
<p align="center">
14-
<img alt="React Native Header View" src="assets/Screenshots/ss3.png" width="49.7%" />
15-
<img alt="React Native Header View" src="assets/Screenshots/ss2.png" width="49.7%" />
16-
</p>
13+
<table>
14+
<tr>
15+
<td>
16+
<b>Apple Header</b>
17+
</td>
18+
<td>
19+
<b>Gorgeous Header</b>
20+
</td>
21+
</tr>
22+
<tr>
23+
<td align="center">
24+
<img alt="React Native Apple Header View" src="assets/Screenshots/apple-header-view.png" width="686px"/>
25+
</td>
26+
<td align="center">
27+
<img alt="React Native Gorgeous Header View" src="assets/Screenshots/gorgeous-header-view.png" width="686px" />
28+
</td>
29+
</tr>
30+
31+
</table>
32+
33+
<table>
34+
<tr>
35+
<td>
36+
<b>Classic Header</b>
37+
</td>
38+
<td>
39+
<b>Modern Header</b>
40+
</td>
41+
</tr>
42+
<tr>
43+
<td align="center">
44+
<img alt="React Native Classic Header View" src="assets/Screenshots/classic-header-view.png" width="686px" />
45+
</td>
46+
<td align="center">
47+
<img alt="React Native Modern Header View" src="assets/Screenshots/modern-header-view2.png" width="686px" />
48+
</td>
49+
</tr>
50+
</table>
51+
52+
# Finally Version 1.0.0 🥳
53+
54+
Finally this library got the version **1.0.0**. More than **5k downloads** and it is separated by each header view. This library contains the collection of each header view. If you do not need to use them all, you can reach and install header views on its own repository.
1755

18-
<p align="center">
19-
<img alt="React Native Header View" src="assets/Screenshots/ss1.png" width="49.7%" />
20-
</p>
56+
# Options
2157

22-
<p align="center">
23-
<b>Gorgeous Header View</b>
24-
</p>
25-
<p align="center">
26-
<img alt="React Native Header View" src="assets/Screenshots/gorgeous-header-view.png" width="70%" />
27-
</p>
58+
- [GorgeousHeader](https://github.com/WrathChaos/react-native-gorgeous-header)
59+
- [AppleHeader](https://github.com/WrathChaos/react-native-apple-header)
60+
- [ModernHeader](https://github.com/WrathChaos/react-native-modern-header)
61+
- [ClassicHeader](https://github.com/WrathChaos/react-native-classic-header)
2862

2963
## Installation
3064

65+
<b><i>You can use each Header View separately if you do not want to use the collection.</i></b>
66+
3167
Add the dependency:
3268

33-
### Pure React Native:
69+
### Pure React Native
3470

35-
```ruby
71+
```bash
3672
npm i @freakycoder/react-native-header-view
3773
```
3874

3975
## Peer Dependencies
4076

4177
##### IMPORTANT! You need install them.
4278

79+
```bash
80+
"react-native-gorgeous-header": ">= 0.1.0",
81+
"react-native-classic-header": ">= 0.1.0",
82+
"react-native-modern-header": ">= 0.1.0",
83+
"react-native-apple-header": ">= 0.1.0"
4384
```
44-
"react": ">= 16.x",
45-
"react-native": ">= 0.55.x",
46-
"react-native-vector-icons": ">= 6.6.0",
47-
"react-native-dynamic-vector-icons": ">= x.x.x"
48-
"@freakycoder/react-native-helpers": ">= 0.0.2",
49-
```
50-
51-
# Options
52-
53-
- GorgeousHeader
54-
- AppleHeader
55-
- ModernHeader
56-
- ClassicHeader
5785

5886
# Usage
5987

@@ -81,7 +109,7 @@ import { ModernHeader } from "@freakycoder/react-native-header-view";
81109
<ModernHeader />;
82110
```
83111

84-
#### Advanced Usage
112+
### Advanced Usage
85113

86114
```jsx
87115
import { ModernHeader } from "@freakycoder/react-native-header-view";
@@ -100,7 +128,7 @@ import { ModernHeader } from "@freakycoder/react-native-header-view";
100128

101129
## Classic Header Usage
102130

103-
#### Basic Usage
131+
### Basic Usage
104132

105133
```jsx
106134
import { ClassicHeader } from "@freakycoder/react-native-header-view";
File renamed without changes.
62.1 KB
Loading

assets/Screenshots/logo.png

-13.1 KB
Binary file not shown.
391 KB
Loading

assets/icon.png

-2.91 KB
Binary file not shown.

assets/logo.png

16.1 KB
Loading

assets/splash.png

-7.01 KB
Binary file not shown.

0 commit comments

Comments
 (0)