ref(mobile): display only the topmost notification

Only one notification will be displayed at a time on mobile.
This commit is contained in:
paweldomas
2019-03-12 16:39:25 -05:00
committed by Zoltan Bettenbuk
parent c7979a3944
commit 0175690a2b

View File

@@ -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
] } >
{
_notifications.map(
({ props, uid }) => (
<Notification
{ ...props }
key = { uid }
onDismissed = { this._onDismissed }
uid = { uid } />))
}
<Notification
{ ...theNotification.props }
onDismissed = { this._onDismissed }
uid = { theNotification.uid } />
</View>
);
}