ref(mobile): display only the topmost notification

Only one notification will be displayed at a time on mobile.

react/features/notifications/components/NotificationsContainer.native.js

@@ -37,7 +37,11 @@ class NotificationsContainer
     render() {
         const { _notifications } = this.props;
 
-        if (!_notifications || !_notifications.length) {
+        // Currently the native container displays only the topmost notification
+        const theNotification
+            = _notifications && _notifications.length && _notifications[0];
+
+        if (!theNotification) {
             return null;
         }
 
@@ -48,15 +52,10 @@ class NotificationsContainer
                     styles.notificationContainer,
                     this.props.style
                 ] } >
-                {
+                <Notification
-                    _notifications.map(
+                    { ...theNotification.props }
-                        ({ props, uid }) => (
+                    onDismissed = { this._onDismissed }
-                            <Notification
+                    uid = { theNotification.uid } />
-                                { ...props }
-                                key = { uid }
-                                onDismissed = { this._onDismissed }
-                                uid = { uid } />))
-                }
             </View>
         );
     }