Gorgeous Header is here 🥳

WrathChaos · Apr 5, 2020 · 2f2e756 · 2f2e756
1 parent 58d6ded
commit 2f2e756
Show file tree

Hide file tree

Showing 24 changed files with 178 additions and 604 deletions.
diff --git a/README.md b/README.md
@@ -43,26 +43,35 @@ npm i @freakycoder/react-native-header-view
 
 # Options
 
+- GorgeousHeader
 - AppleHeader
 - ModernHeader
 - ClassicHeader
 
 # Usage
 
+## Gorgeous Header Usage
+
+```jsx
+import { Gorgeous } from "@freakycoder/react-native-header-view";
+
+<Gorgeous onChangeText={(text) => console.log(text)} />;
+```
+
 ## Apple Header Usage
 
 ```jsx
 import { AppleHeader } from "@freakycoder/react-native-header-view";
 
-<AppleHeader />
+<AppleHeader />;
 ```
 
 ## Modern Header Usage
 
 ```jsx
 import { ModernHeader } from "@freakycoder/react-native-header-view";
 
-<ModernHeader />
+<ModernHeader />;
 ```
 
 #### Advanced Usage
@@ -79,7 +88,7 @@ import { ModernHeader } from "@freakycoder/react-native-header-view";
   leftIconComponent={your - icon - component}
   rightIconComponent={your - icon - component}
   leftIconOnPress={() => NavigationService.back()}
-/>
+/>;
 ```
 
 ## Classic Header Usage
@@ -119,11 +128,28 @@ import { ClassicHeader } from "@freakycoder/react-native-header-view";
       <Icon name="github" type="AntDesign" size={30} color="purple" />
     </TouchableOpacity>
   }
-/>
+/>;
 ```
 
 # Configuration - Props
 
+## Gorgeous Header Props
+
+| Property            |   Type   |            Default             | Description                                                             |
+| ------------------- | :------: | :----------------------------: | ----------------------------------------------------------------------- |
+| title               |  string  |             Order              | change the title                                                        |
+| subtitle            |  string  | Healthy food can keep you fit. | change the subtitle                                                     |
+| searchIcon          |  asset   |            default             | set your own icon for the search one                                    |
+| titleTextStyle      |  style   |            default             | set your own style for title text                                       |
+| subtitleTextStyle   |  style   |            default             | set your own style for subtitle text                                    |
+| searchInputStyle    |  style   |            default             | set your own style for search text input                                |
+| menuImageStyle      |  style   |            default             | set your own style for hamburger menu image                             |
+| menuImageSource     |  asset   |            default             | set your own image instead of default hamburger menu image              |
+| menuImageOnPress    | function |           undefined            | use this to set your own function for pressing the hamburger menu image |
+| profileImageStyle   |  style   |            default             | set your own style for profile image                                    |
+| profileImageSource  |  asset   |           undefined            | use this to set your own image for profile image                        |
+| profileImageOnPress | function |           undefined            | use this to set your own function for pressing the profile image        |
+
 ## Apple Header Props
 
 | Property             |   Type   |       Default       | Description                                                                           |

diff --git a/example/App.js b/example/App.js
@@ -1,19 +1,18 @@
 import React, { Fragment } from "react";
 import {
+  Linking,
   StatusBar,
   SafeAreaView,
   TouchableOpacity,
-  Linking,
 } from "react-native";
 import {
   AppleHeader,
   ModernHeader,
   ClassicHeader,
+  GorgeousHeader,
 } from "@freakycoder/react-native-header-view";
 import Icon from "react-native-dynamic-vector-icons";
 
-import GorgeousHeader from "./lib/src/components/GorgeousHeader/GorgeousHeader";
-
 const App = () => {
   return (
     <Fragment>
@@ -33,7 +32,7 @@ const App = () => {
         /> */}
         {/* <ModernHeader /> */}
         {/* <AppleHeader /> */}
-        <GorgeousHeader />
+        <GorgeousHeader onChangeText={(text) => console.log(text)} />
       </SafeAreaView>
     </Fragment>
   );

diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
@@ -1,5 +1,7 @@
 PODS:
   - boost-for-react-native (1.63.0)
+  - BVLinearGradient (2.5.6):
+    - React
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.61.4)
   - FBReactNativeSpec (0.61.4):
@@ -222,6 +224,7 @@ PODS:
   - Yoga (1.14.0)
 
 DEPENDENCIES:
+  - BVLinearGradient (from `../node_modules/react-native-linear-gradient`)
   - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
   - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
   - FBReactNativeSpec (from `../node_modules/react-native/Libraries/FBReactNativeSpec`)
@@ -257,6 +260,8 @@ SPEC REPOS:
     - boost-for-react-native
 
 EXTERNAL SOURCES:
+  BVLinearGradient:
+    :path: "../node_modules/react-native-linear-gradient"
   DoubleConversion:
     :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec"
   FBLazyVector:
@@ -312,6 +317,7 @@ EXTERNAL SOURCES:
 
 SPEC CHECKSUMS:
   boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c
+  BVLinearGradient: e3aad03778a456d77928f594a649e96995f1c872
   DoubleConversion: 5805e889d232975c086db112ece9ed034df7a0b2
   FBLazyVector: feb35a6b7f7b50f367be07f34012f34a79282fa3
   FBReactNativeSpec: 51477b84b1bf7ab6f9ef307c24e3dd675391be44

diff --git a/example/ios/example.xcodeproj/xcshareddata/xcschemes/example.xcscheme b/example/ios/example.xcodeproj/xcshareddata/xcschemes/example.xcscheme
@@ -55,6 +55,15 @@
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       shouldUseLaunchSchemeArgsEnv = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "example.app"
+            BlueprintName = "example"
+            ReferencedContainer = "container:example.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
       <Testables>
          <TestableReference
             skipped = "NO">
@@ -67,17 +76,6 @@
             </BuildableReference>
          </TestableReference>
       </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "example.app"
-            BlueprintName = "example"
-            ReferencedContainer = "container:example.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
    </TestAction>
    <LaunchAction
       buildConfiguration = "Debug"
@@ -99,8 +97,6 @@
             ReferencedContainer = "container:example.xcodeproj">
          </BuildableReference>
       </BuildableProductRunnable>
-      <AdditionalOptions>
-      </AdditionalOptions>
    </LaunchAction>
    <ProfileAction
       buildConfiguration = "Release"

diff --git a/example/lib/local-assets/menu-1.png b/example/lib/local-assets/menu-1.png
diff --git a/example/lib/local-assets/menu.png b/example/lib/local-assets/menu.png
diff --git a/example/lib/local-assets/omid-armin-unsplash.jpg b/example/lib/local-assets/omid-armin-unsplash.jpg
diff --git a/example/lib/local-assets/search.png b/example/lib/local-assets/search.png
diff --git a/example/lib/src/components/AppleHeader/AppleHeader.js b/example/lib/src/components/AppleHeader/AppleHeader.js
diff --git a/example/lib/src/components/AppleHeader/AppleHeader.style.js b/example/lib/src/components/AppleHeader/AppleHeader.style.js