Skip to content

Commit 1c5d873

Browse files
ankitpmiankitpmi
committed
add license file
1 parent c4e733a commit 1c5d873

File tree

10 files changed

+27526
-5934
lines changed

10 files changed

+27526
-5934
lines changed

‎Header.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -150,7 +150,7 @@ class Header extends Component <headerProps>{
150150
return (
151151
<>
152152
<View style={[styles.statusBar, { backgroundColor: statusBarBackground }]} >
153-
<StatusBar translucent backgroundColor={statusBarBackground} />
153+
<StatusBar translucent backgroundColor={statusBarBackground} {...this.props} />
154154
</View>
155155
<View {...this.props} style={headerStyle}>
156156
{updatedChildren}

‎LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2018 MindInventory
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

Lines changed: 65 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,74 @@
11
# React Native top-navbar
2-
---
3-
A beautiful navbar for react native app, it's supported ios and android both platform
42

5-
## Installation
6-
---
3+
A beautiful navbar for react native app, it's supported ios and android both platform.
4+
5+
![alt navbar](https://github.com/Mindinventory/rn-top-navbar/blob/master/dock/navbar.png?raw=true)
6+
7+
### Installation
8+
79
using npm:
10+
811
```
912
npm install @mindinventory/rn-top-navbar
1013
```
14+
1115
using yarn:
16+
1217
```
1318
yarn add @mindinventory/rn-top-navbar
14-
```
19+
```
20+
21+
### Usage
22+
23+
```js
24+
import Header from '@mindinventory/rn-top-navbar';
25+
...
26+
<Header style={{ backgroundColor: '#009999' }} statusBarBackground='#008080' barStyle='light-content'>
27+
<Header.Left style={{ backgroundColor: '#009999', width: "15%" }}>
28+
<Icon name='arrow-left' style={{color: '#fff', fontSize: 18}} />
29+
</Header.Left>
30+
<Header.Body style={{ backgroundColor: '#009999', width: "70%" }}>
31+
<Text style={{color: '#fff'}}>Header Title</Text>
32+
</Header.Body>
33+
<Header.Right style={{ backgroundColor: '#009999', flexDirection: 'row', width: '15%' }}>
34+
<Icon name='bars' style={{color: '#fff', fontSize: 18}} />
35+
</Header.Right>
36+
</Header>
37+
```
38+
39+
### Documentation
40+
41+
**Navbar container props**
42+
| Prop | Type | description |
43+
| --- | --- | --- |
44+
| statusBarBackground | string | use for change background color of status bar. |
45+
| barStyle | string | use for change content of status bar. |
46+
| style | style | apply styles on navbar container. |
47+
48+
**Left container props**
49+
| Prop | Type | description |
50+
| --- | --- | --- |
51+
| style | style | apply styles on left container. |
52+
53+
**Body container props**
54+
| Prop | Type | description |
55+
| --- | --- | --- |
56+
| style | style | apply styles on body container. |
57+
58+
**Right container props**
59+
| Prop | Type | description |
60+
| --- | --- | --- |
61+
| style | style | apply styles on right container. |
62+
63+
64+
### Changelog
65+
**Version: 0.0.1**
66+
* Initial Build
67+
68+
### LICENSE!
69+
70+
@mindinventory/rn-top-navbar is [MIT-licensed](https://github.com/Mindinventory/rn-top-navbar/blob/master/LICENSE).
71+
72+
### Let us know!
73+
74+
We’d be really happy if you send us links to your projects where you use our component. Just send an email to [email protected] And do let us know if you have any questions or suggestion regarding our work.

‎dock/navbar.png

49.4 KB
Loading

‎example/App.js

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,26 @@
11
import React from 'react'
2-
import { StyleSheet, Text, View, SafeAreaView } from 'react-native'
3-
// import Header from '../src/Header'
4-
import Header from '@mindinventory/rn-top-navbar'
2+
import { StyleSheet, Text, SafeAreaView } from 'react-native'
3+
import Icon from 'react-native-vector-icons/dist/FontAwesome5';
4+
import Header from '@mindinventory/rn-top-navbar';
55

66
const App = () => {
77
return (
88
<>
99
<Header style={{ backgroundColor: '#009999' }} statusBarBackground='#008080' barStyle='light-content'>
10-
<Header.Left style={{ backgroundColor: '#009999', width: "15%" }}>
11-
<Text>Left</Text>
10+
<Header.Left style={{ backgroundColor: '#009999', width: "15%" }}>
11+
<Icon name='arrow-left' style={{color: '#fff', fontSize: 18}} />
1212
</Header.Left>
1313
<Header.Body style={{ backgroundColor: '#009999', width: "70%" }}>
14-
<Text>Header Title</Text>
14+
<Text style={{color: '#fff'}}>Header Title</Text>
1515
</Header.Body>
1616
<Header.Right style={{ backgroundColor: '#009999', flexDirection: 'row', width: '15%' }}>
17-
<Text>Right</Text>
17+
<Icon name='bars' style={{color: '#fff', fontSize: 18}} />
1818
</Header.Right>
1919
</Header>
2020
<SafeAreaView style={styles.conatiner}>
21-
<Text>App component</Text>
21+
<Text style={{marginHorizontal: 20, textAlign: 'justify', fontSize: 16}}>This is customizable <Text style={{fontWeight: 'bold'}}>rn-top-navbar</Text> package,
22+
it is use for add header in your app, for both ios and android platform.
23+
</Text>
2224
</SafeAreaView>
2325
</>
2426

‎example/ios/Podfile.lock

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -316,6 +316,8 @@ PODS:
316316
- React-cxxreact (= 0.64.2)
317317
- React-jsi (= 0.64.2)
318318
- React-perflogger (= 0.64.2)
319+
- RNVectorIcons (8.1.0):
320+
- React-Core
319321
- Yoga (1.14.0)
320322
- YogaKit (1.18.1):
321323
- Yoga (~> 1.14)
@@ -369,6 +371,7 @@ DEPENDENCIES:
369371
- React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
370372
- React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
371373
- ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
374+
- RNVectorIcons (from `../node_modules/react-native-vector-icons`)
372375
- Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
373376

374377
SPEC REPOS:
@@ -441,6 +444,8 @@ EXTERNAL SOURCES:
441444
:path: "../node_modules/react-native/ReactCommon/runtimeexecutor"
442445
ReactCommon:
443446
:path: "../node_modules/react-native/ReactCommon"
447+
RNVectorIcons:
448+
:path: "../node_modules/react-native-vector-icons"
444449
Yoga:
445450
:path: "../node_modules/react-native/ReactCommon/yoga"
446451

@@ -483,6 +488,7 @@ SPEC CHECKSUMS:
483488
React-RCTVibration: 24600e3b1aaa77126989bc58b6747509a1ba14f3
484489
React-runtimeexecutor: a9904c6d0218fb9f8b19d6dd88607225927668f9
485490
ReactCommon: 149906e01aa51142707a10665185db879898e966
491+
RNVectorIcons: 31cebfcf94e8cf8686eb5303ae0357da64d7a5a4
486492
Yoga: 575c581c63e0d35c9a83f4b46d01d63abc1100ac
487493
YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
488494

‎example/ios/rn_navbar_demo/Info.plist

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,25 @@
4949
<string>UIInterfaceOrientationLandscapeLeft</string>
5050
<string>UIInterfaceOrientationLandscapeRight</string>
5151
</array>
52+
<key>UIAppFonts</key>
53+
<array>
54+
<string>AntDesign.ttf</string>
55+
<string>Entypo.ttf</string>
56+
<string>EvilIcons.ttf</string>
57+
<string>Feather.ttf</string>
58+
<string>FontAwesome.ttf</string>
59+
<string>FontAwesome5_Brands.ttf</string>
60+
<string>FontAwesome5_Regular.ttf</string>
61+
<string>FontAwesome5_Solid.ttf</string>
62+
<string>Fontisto.ttf</string>
63+
<string>Foundation.ttf</string>
64+
<string>Ionicons.ttf</string>
65+
<string>MaterialCommunityIcons.ttf</string>
66+
<string>MaterialIcons.ttf</string>
67+
<string>Octicons.ttf</string>
68+
<string>SimpleLineIcons.ttf</string>
69+
<string>Zocial.ttf</string>
70+
</array>
5271
<key>UIViewControllerBasedStatusBarAppearance</key>
5372
<false/>
5473
</dict>

0 commit comments

Comments
 (0)