Set icon app, create splash screen and more...

android/app/src/main/AndroidManifest.xml

@@ -14,10 +14,15 @@
     <application
       android:name=".MainApplication"
       android:label="@string/app_name"
-      android:icon="@mipmap/ic_launcher"
-      android:roundIcon="@mipmap/ic_launcher_round"
+      android:icon="@drawable/icon"
       android:allowBackup="false"
       android:theme="@style/AppTheme">
+      <meta-data
+        android:name="com.google.firebase.messaging.default_notification_icon"
+        android:resource="@drawable/logo_notification" />
+      <meta-data
+        android:name="com.google.firebase.messaging.default_notification_color"
+        android:resource="@color/notification_color" />
       <service android:name="io.invertase.firebase.messaging.RNFirebaseMessagingService">
         <intent-filter>
           <action android:name="com.google.firebase.MESSAGING_EVENT" />

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

@@ -1,15 +1,36 @@
 package com.unichat;
 
 import com.facebook.react.ReactActivity;
+import android.os.Bundle;
+import android.os.CountDownTimer;
+import android.graphics.Color;
 
 public class MainActivity extends ReactActivity {
 
     /**
-     * Returns the name of the main component registered from JavaScript.
-     * This is used to schedule rendering of the component.
+     * Returns the name of the main component registered from JavaScript. This is
+     * used to schedule rendering of the component.
      */
     @Override
     protected String getMainComponentName() {
         return "Unichat";
     }
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+
+        // Set the Android background to white after 8 seconds
+        // to fix the splashscreen flash when the keyboard is shown
+        new CountDownTimer(8000, 1000) {
+
+            public void onTick(long millisUntilFinished) {
+            }
+
+            public void onFinish() {
+                getWindow().getDecorView().setBackgroundColor(Color.WHITE);
+            }
+
+        }.start();
+    }
 }

android/app/src/main/res/drawable/background_splash.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
+  <item android:drawable="@color/primary" />
+  <item 
+    android:width="200dp"
+    android:height="200dp"
+    android:drawable="@drawable/logo"
+    android:gravity="center"
+  />
+</layer-list>

android/app/src/main/res/values/colors.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<resources> 
+  <color name="primary">#FFF</color>
+  <color name="notification_color">#007AFF</color>
+</resources>

android/app/src/main/res/values/styles.xml

@@ -3,6 +3,8 @@
     <!-- Base application theme. -->
     <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
         <!-- Customize your theme here. -->
+        <item name="android:windowBackground">@drawable/background_splash</item>
+        <item name="android:statusBarColor">@color/primary</item>
     </style>
 
 </resources>

functions/index.js

@@ -33,9 +33,12 @@ return (exports.sendPushNotification = functions.firestore
           title: contactName,
           body: content,
           sound: "default",
-          android_channel_id: "main-channel",
-          collapseKey: "unichat",
-          group: "unichat"
+          priority: "high",
+          icon: "logo_notification",
+          android_channel_id: "unichat",
+          large_icon: "logo_notification",
+          show_in_foreground: "true",
+          content_available: "true"
         }
       }
 

src/Screens/Conversas/conversas.js

@@ -40,19 +40,39 @@ export default class Conversas extends Component {
   }
 
   async componentDidMount() {
+    this.mounted = true
     this.listener = this.ref.onSnapshot(async () => {
       const username = await AsyncStorage.getItem("@username")
       const profileImageUrl = await AsyncStorage.getItem("@profileImageUrl")
-      this.setState({ myName: username, myPicture: profileImageUrl })
+      if (this.mounted)
+        this.setState({ myName: username, myPicture: profileImageUrl })
     })
+
     const { navigation } = this.props
+
+    const channel = new firebase.notifications.Android.Channel(
+      "unichat",
+      "Unichat channel",
+      firebase.notifications.Android.Importance.Max
+    )
+      .setDescription("My app channel")
+      .setVibrationPattern([500])
+      .setLockScreenVisibility(firebase.notifications.Android.Visibility.Public)
+
+    firebase.notifications().android.createChannel(channel)
+
     const notificationOpen = await firebase
       .notifications()
       .getInitialNotification()
     if (notificationOpen) {
       const { notification } = notificationOpen
       const { conversaId } = notification.data
       notification.android.setGroup("unichat")
+      notification.android.setPriority(
+        firebase.notifications.Android.Priority.High
+      )
+      notification.android.setChannelId("unichat")
+      notification.android.setVibrate([500])
       this.ref
         .collection("conversas")
         .doc(conversaId)
@@ -83,6 +103,7 @@ export default class Conversas extends Component {
   }
 
   componentWillUnmount() {
+    this.mounted = false
     BackHandler.removeEventListener("hardwareBackPress", this.handleBackPress)
     this.unsubscribe()
     this.listener()