Stats Screen styles

Author: chakrihacker

awesome-app/App.js

@@ -45,7 +45,7 @@ export default class App extends React.Component {
       // User opened the app via push
       this.navigator &&
         this.navigator.dispatch(
-          NavigationActions.navigate({ routeName: data.goToPage, data })
+          NavigationActions.navigate({ routeName: data.goToPage, params: data })
         );
       // if (this.isFirstTime) {
       //   this.isFirstTime = false;

awesome-app/assets/pikapika.jpg

@@ -30,7 +30,7 @@ export default class Report extends Component {
         },
         data: {
           goToPage: "Stats",
-          secret: "Just Kidding! Better Luck Next Time"
+          secret: "You are on #1 position for this month"
         }
       },
       {
@@ -52,6 +52,9 @@ export default class Report extends Component {
         },
         ios: {
           sound: "default"
+        },
+        data: {
+          goToPage: "Home"
         }
       });
       this.scheduleNotification();

awesome-app/screens/Report.js

@@ -1,17 +1,22 @@
 import React, { Component } from "react";
-import { Text, View } from "react-native";
+import { Text, View, Image } from "react-native";
 
 export default class Stats extends Component {
   static navigationOptions = {
     header: null
   };
   render() {
     const { navigation } = this.props;
+    console.log(navigation, "🚧🚧🚧");
     const data = navigation.getParam("secret", "No Secret Available");
     return (
-      <View style={{ backgroundColor: "000" }}>
-        <Text style={{ color: "#fff", fontSize: 36 }}> Stats </Text>
-        <Text>The Data from Notifications is {data}</Text>
+      <View style={{ flex: 1, alignItems: "center" }}>
+        <Image
+          source={require("../assets/pikapika.jpg")}
+          style={{ width: 250, height: 250 }}
+        />
+        <Text style={{ fontSize: 28 }}>🌟Your Monthly Stats🌟</Text>
+        <Text style={{ fontSize: 24, textAlign: "center" }}>{data}</Text>
       </View>
     );
   }