add header logo

ujjalacharya · Sep 14, 2020 · e0de869 · e0de869
1 parent 48b272b
commit e0de869
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 22 deletions.
diff --git a/app/App.js b/app/App.js
@@ -1,4 +1,5 @@
 import React from "react";
+import {StatusBar} from "react-native";
 import { Provider } from "react-redux";
 import { createStore, applyMiddleware, compose } from "redux";
 
@@ -7,6 +8,7 @@ import promiseMiddleware from "redux-promise";
 import Main from "./src";
 
 import reducers from "./src/store/reducers";
+import ConstantColors from "./src/constants/ConstantColors";
 
 const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
 
@@ -19,6 +21,7 @@ class App extends React.Component {
   render() {
     return (
       <Provider store={createStoreWithMiddleware}>
+        <StatusBar backgroundColor={ConstantColors.tintColor} />
         <Main />
       </Provider>
     );

diff --git a/app/assets/logo.png b/app/assets/logo.png
diff --git a/app/src/components/Banner.js b/app/src/components/Banner.js
@@ -1,21 +1,16 @@
 import React, { Component } from "react";
-import { Text, View, StyleSheet } from "react-native";
-import { Button, Colors } from "react-native-paper";
+import { Text, View, StyleSheet, Image } from "react-native";
 import ConstantColors from "../constants/ConstantColors";
 
 export class Banner extends Component {
   render() {
     return (
-      // <View style={{flex: 1, backgroundColor: "green", width: "100%"}}>
-        <Button
-          mode="contained"
-          color={ConstantColors.tintColor}
-          style={styles.sloganButton}
-          onPress={() => console.log("Pressed")}
-        >
-          <Text style={{ color: "white", fontSize: 20 }}>DHANGAADI</Text>
-        </Button>
-      // </View>
+      <View style={styles.sloganButton}>
+        <Image
+          style={styles.tinyLogo}
+          source={require("../../assets/logo.png")}
+        />
+      </View>
     );
   }
 }
@@ -24,13 +19,12 @@ const styles = StyleSheet.create({
   sloganButton: {
     flex: 1,
     justifyContent: "center",
-    // width: "150%",
-    // height: "40%",
-    // borderRadius: 40,
-    borderWidth: 1,
+    alignItems: "center",
     borderColor: ConstantColors.tintColor,
-    // elevation: 20,
-    // marginTop: 20
+  },
+  tinyLogo: {
+    height: 40,
+    width: 200,
   },
 });
 

diff --git a/app/src/screens/HomeScreen/index.js b/app/src/screens/HomeScreen/index.js
@@ -131,16 +131,14 @@ export class Test extends Component {
         />
         <SafeAreaView
           style={{
-            height: 250,
+            height: 150,
             backgroundColor: ConstantColors.tintColor,
-            justifyContent: "center",
           }}
         >
           <Banner />
         </SafeAreaView>
-        <View style={{ height: 380, alignItems: "center", marginTop: -100 }}>
+        <View style={{ height: 380, alignItems: "center", marginTop: -50 }}>
           <Card style={{ height: "100%", width: "90%" }}>
-            {/* <View style={styles.searchbarContainer}></View> */}
             <View style={{ height: "50%", marginHorizontal: 20 }}>
               <TouchableRipple
                 style={{