README is updated

Author: WrathChaos

README.md

@@ -15,7 +15,9 @@
 
 <p align="center">
   <img alt="React Native Bouncy Checkbox"
-        src="https://github.com/WrathChaos/react-native-bouncy-checkbox/blob/master/assets/Screenshots/JSLibraryBoilerplate.png" />
+        src="assets/Screenshots/example.gif" width="49%" />
+  <img alt="React Native Bouncy Checkbox"
+        src="assets/Screenshots/example.png" width="49%" />
 </p>
 
 ## Installation

assets/Screenshots/JSLibraryBoilerplate.png

@@ -1,12 +1,15 @@
 import React from "react";
 import { View, StatusBar, SafeAreaView } from "react-native";
 import BouncyCheckbox from "./lib/src/BouncyCheckbox";
+import { AppleHeader } from "@freakycoder/react-native-header-view";
+import BottomSearchBar from "react-native-bottom-search-bar";
 
 const App = () => {
   return (
     <View style={{ flex: 1 }}>
       <StatusBar barStyle="dark-content" />
       <SafeAreaView style={{ flex: 1 }}>
+        <AppleHeader />
         <View style={{ margin: 16 }}>
           <BouncyCheckbox />
           <BouncyCheckbox text="Get groceries" />
@@ -16,6 +19,7 @@ const App = () => {
           <BouncyCheckbox text="Try new gym routine" isChecked />
           <BouncyCheckbox text="Do a load of laundry" isChecked />
         </View>
+        <BottomSearchBar />
       </SafeAreaView>
     </View>
   );

assets/Screenshots/example.gif

@@ -129,8 +129,8 @@ BouncyCheckbox.defaultProps = {
   isChecked: false,
   text: "Call my mom 😇",
   textColor: "#757575",
-  fillColor: "#f09f48",
-  borderColor: "#f09f48",
+  fillColor: "#ffc484",
+  borderColor: "#ffc484",
   unfillColor: "transparent",
   fontFamily: "JosefinSans-Regular"
 };

assets/Screenshots/example.png

@@ -10,9 +10,12 @@
     "lint": "eslint ."
   },
   "dependencies": {
+    "@freakycoder/react-native-header-view": "^0.4.8",
     "react": "16.9.0",
     "react-native": "0.61.2",
+    "react-native-bottom-search-bar": "0.0.24",
     "react-native-dynamic-vector-icons": "^0.2.1",
+    "react-native-iphone-x-helper": "^1.2.1",
     "react-native-vector-icons": "^6.6.0"
   },
   "devDependencies": {

example/App.js

@@ -129,8 +129,8 @@ BouncyCheckbox.defaultProps = {
   isChecked: false,
   text: "Call my mom 😇",
   textColor: "#757575",
-  fillColor: "#f09f48",
-  borderColor: "#f09f48",
+  fillColor: "#ffc484",
+  borderColor: "#ffc484",
   unfillColor: "transparent",
   fontFamily: "JosefinSans-Regular"
 };