added contentful and making home screen

Author: Kartikeyyadav7

.gitignore

@@ -28,7 +28,7 @@ build/
 .gradle
 local.properties
 *.iml
-
+.env
 # node.js
 #
 node_modules/

App.tsx

@@ -1,5 +1,6 @@
-import React, { useEffect, useReducer } from "react";
+import React, { useEffect, useReducer, useState } from "react";
 import RNBootSplash from "react-native-bootsplash";
+import { SafeAreaView } from "react-native";
 import Routes from "./navigation/Routes";
 import { defaultState, Provider, reducer } from "./state";
 
@@ -11,10 +12,13 @@ export default function App() {
 			RNBootSplash.hide({ fade: true });
 		}, 500);
 	}, []);
+
 	return (
+		// <SafeAreaView>
 		<Provider value={{ state, dispatch }}>
 			<Routes />
 		</Provider>
+		// </SafeAreaView>
 	);
 }
 

android/.project

@@ -16,7 +16,7 @@
 	</natures>
 	<filteredResources>
 		<filter>
-			<id>1629383969817</id>
+			<id>0</id>
 			<name></name>
 			<type>30</type>
 			<matcher>

android/app/build.gradle

@@ -195,6 +195,7 @@ dependencies {
 
     implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 
+
     debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
       exclude group:'com.facebook.fbjni'
     }

android/app/src/main/java/com/aviatecodersappv1/MainActivity.java

@@ -2,7 +2,7 @@
 
 import android.os.Bundle;
 import com.facebook.react.ReactActivity;
-import com.zoontek.rnbootsplash.RNBootSplash; 
+import com.zoontek.rnbootsplash.RNBootSplash;
 
 public class MainActivity extends ReactActivity {
 
@@ -21,4 +21,5 @@ protected void onCreate(Bundle savedInstanceState) {
     RNBootSplash.init(R.drawable.bootsplash, MainActivity.this); // <- display the generated bootsplash.xml drawable over our MainActivity
   }
 
+
 }

babel.config.js

@@ -1,3 +1,12 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+	presets: ["module:metro-react-native-babel-preset"],
+	plugins: [
+		[
+			"module:react-native-dotenv",
+			{
+				moduleName: "@env",
+				path: ".env",
+			},
+		],
+	],
 };

config/env.js

@@ -0,0 +1,9 @@
+import {
+	REACT_APP_CONTENTFUL_SPACE_ID,
+	REACT_APP_CONTENTFUL_ACCESS_TOKEN,
+} from "@env";
+
+export default devEnvironmentVariables = {
+	REACT_APP_CONTENTFUL_SPACE_ID,
+	REACT_APP_CONTENTFUL_ACCESS_TOKEN,
+};

lib/contentful.ts

@@ -0,0 +1,10 @@
+import devEnvironmentVariables from "../config/env";
+const contentful = require("contentful/dist/contentful.browser.min.js");
+
+const { REACT_APP_CONTENTFUL_SPACE_ID, REACT_APP_CONTENTFUL_ACCESS_TOKEN } =
+	devEnvironmentVariables;
+
+export const client = contentful.createClient({
+	space: REACT_APP_CONTENTFUL_SPACE_ID,
+	accessToken: REACT_APP_CONTENTFUL_ACCESS_TOKEN,
+});

navigation/AppStack.tsx

@@ -14,7 +14,16 @@ function AppStack() {
 		<Tab.Navigator
 			initialRouteName="Home"
 			activeColor="#000"
-			barStyle={{ backgroundColor: "white" }}
+			barStyle={{
+				backgroundColor: "#fff",
+				shadowRadius: 2,
+				shadowOffset: {
+					width: 0,
+					height: -3,
+				},
+				shadowColor: "#000000",
+				elevation: 4,
+			}}
 		>
 			<Tab.Screen
 				name="Home"
@@ -24,6 +33,7 @@ function AppStack() {
 					tabBarIcon: ({ color }) => (
 						<MaterialIcons name="home" color={color} size={26} />
 					),
+					title: "Home",
 				}}
 			/>
 			<Tab.Screen

navigation/Routes.tsx

@@ -25,7 +25,6 @@ const Routes = () => {
 	return (
 		<NavigationContainer>
 			{state.user ? <AppStack /> : <AuthStack />}
-			{/* <AuthStack /> */}
 		</NavigationContainer>
 	);
 };