Fixed scroll height issue

src/components/notification/view/notificationStyles.js

@@ -3,8 +3,6 @@ import EStyleSheet from 'react-native-extended-stylesheet';
 export default EStyleSheet.create({
   container: {
     backgroundColor: '$primaryBackgroundColor',
-  },
-  scrollView: {
-    height: '$deviceHeight / 1.35',
+    flex: 1,
   },
 });

src/screens/notification/screen/notificationScreen.js

@@ -26,7 +26,7 @@ class NotificationScreen extends PureComponent {
       notifications, getActivities, intl, navigateToNotificationRoute,
     } = this.props;
     return (
-      <View style={globalStyles.container}>
+      <View style={styles.container}>
         <Header />
         <ScrollableTabView
           style={styles.tabView}

src/screens/notification/screen/notificationStyles.js

@@ -1,6 +1,10 @@
 import EStyleSheet from 'react-native-extended-stylesheet';
 
 export default EStyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '$primaryLightBackground',
+  },
   tabbar: {
     alignSelf: 'center',
     height: 55,
@@ -9,8 +13,10 @@ export default EStyleSheet.create({
   tabView: {
     alignSelf: 'center',
     backgroundColor: 'transparent',
+    flex: 1,
   },
   notificationTab: {
+    flex: 1,
     backgroundColor: '$primaryBackgroundColor',
     minWidth: '$deviceWidth',
   },