Update with wix's code

example/MovieListScreen.js

@@ -11,12 +11,14 @@ var {
 } = ReactNative;
 
 require('./LightBox');
+require('./Notification');
 
 var Controllers = require('react-native-controllers');
 var {
     Modal,
     ControllerRegistry,
-    Constants
+    Constants,
+    Notification
 } = Controllers;
 
 var MovieListScreen = React.createClass({
@@ -56,6 +58,20 @@ var MovieListScreen = React.createClass({
         });
     },
 
+    onShowNotificationClick: function(animationParams, shadowRadius, position) {
+      Notification.show({
+        component: 'NotificationExample',
+        passProps: {
+          greeting: 'This is a Notification!'
+        },
+        position: position,
+        animation: animationParams,
+        dismissWithSwipe: true,
+        autoDismissTimerSec: 5,
+        shadowRadius: shadowRadius
+      });
+    },
+
     onShowModalVcClick: async function() {
         // defaults: Modal.showController('ModalScreenTester');
         // this example shows animation type and passProps
@@ -143,6 +159,26 @@ var MovieListScreen = React.createClass({
                     <Text style={styles.button}>Replace root animated</Text>
                 </TouchableOpacity>
 
+                <TouchableOpacity onPress={ this.onShowNotificationClick.bind(this, Notification.AnimationPresets.default, 0, 'top') }>
+                  <Text style={styles.button}>Show Default Notification</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity onPress={ this.onShowNotificationClick.bind(this, Notification.AnimationPresets.simple, 0, 'top') }>
+                  <Text style={styles.button}>Show Simple Notification</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity onPress={ this.onShowNotificationClick.bind(this, Notification.AnimationPresets.default, 10, 'top') }>
+                  <Text style={styles.button}>Show Notification With Shadow</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity onPress={ this.onShowNotificationClick.bind(this, Notification.AnimationPresets.swing, 0, 'top') }>
+                  <Text style={styles.button}>Show Swing Notification</Text>
+                </TouchableOpacity>
+
+              <TouchableOpacity onPress={ this.onShowNotificationClick.bind(this, Notification.AnimationPresets.default, 0, 'bottom') }>
+                <Text style={styles.button}>Show Bottom Notification</Text>
+              </TouchableOpacity>
+
             </ScrollView>
         );
     },

example/Notification.js

@@ -0,0 +1,64 @@
+
+'use strict';
+
+var React = require('react');
+var ReactNative = require('react-native');
+var {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  TouchableOpacity,
+  Dimensions
+} = ReactNative;
+
+var Controllers = require('react-native-controllers');
+var {
+  Notification,
+} = Controllers;
+
+var NotificationExample = React.createClass({
+  _onButtonClick: function() {
+    Notification.dismiss();
+  },
+
+  render: function() {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>
+          {this.props.greeting}
+        </Text>
+        <TouchableOpacity onPress={ this._onButtonClick }>
+          <Text style={styles.button}>Dismiss</Text>
+        </TouchableOpacity>
+      </View>
+    );
+  }
+});
+
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    width: Dimensions.get('window').width,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#d6e7ad'
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+    paddingTop: 20
+  },
+  button: {
+    textAlign: 'center',
+    fontSize: 18,
+    marginBottom: 10,
+    marginTop:10,
+    color: '#4692ad'
+  }
+});
+
+AppRegistry.registerComponent('NotificationExample', () => NotificationExample);
+
+module.exports = NotificationExample;

index.js

@@ -258,6 +258,41 @@ var Controllers = {
     }
   },
 
+  Notification: {
+    show: async function(params = {}) {
+      await RCCManager.showNotification(params);
+    },
+    dismiss: async function(params = {}) {
+      await RCCManager.dismissNotification(params);
+    },
+    AnimationPresets: {
+      default: {
+        animated: true,
+        duration: 0.5,
+        damping: 0.65,
+        type: 'slide-down',
+        fade: true
+      },
+      simple: {
+        animated: true,
+        duration: 0.3,
+        type: 'slide-down',
+        fade: true
+      },
+      swing: {
+        animated: true,
+        duration: 0.65,
+        damping: 0.6,
+        type: 'swing'
+      },
+      fade: {
+        animated: true,
+        duration: 0.3,
+        fade: true
+      }
+    }
+  },
+
   NavigationToolBarIOS: OriginalReactNative.requireNativeComponent('RCCToolBar', null),
 
   Constants: Constants

ios/RCCLightBox.m

@@ -3,6 +3,7 @@
 #import "RCTRootView.h"
 #import "RCTRootViewDelegate.h"
 #import "RCTConvert.h"
+#import "RCTHelpers.h"
 #import <objc/runtime.h>
 
 const NSInteger kLightBoxTag = 0x101010;
@@ -12,6 +13,7 @@ @interface RCCLightBoxView : UIView
 @property (nonatomic, strong) UIVisualEffectView *visualEffectView;
 @property (nonatomic, strong) UIView *overlayColorView;
 @property (nonatomic, strong) NSDictionary *params;
+@property (nonatomic)         BOOL yellowBoxRemoved;
 @end
 
 @implementation RCCLightBoxView
@@ -21,7 +23,10 @@ -(instancetype)initWithFrame:(CGRect)frame params:(NSDictionary*)params
     self = [super initWithFrame:frame];
     if (self)
     {
+        self.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+
         self.params = params;
+        self.yellowBoxRemoved = NO;
 
         NSDictionary *passProps = self.params[@"passProps"];
 
@@ -32,6 +37,7 @@ -(instancetype)initWithFrame:(CGRect)frame params:(NSDictionary*)params
             if (style[@"backgroundBlur"] != nil && ![style[@"backgroundBlur"] isEqualToString:@"none"])
             {
                 self.visualEffectView = [[UIVisualEffectView alloc] init];
+                self.visualEffectView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
                 self.visualEffectView.frame = CGRectMake(0, 0, frame.size.width, frame.size.height);
                 [self addSubview:self.visualEffectView];
             }
@@ -50,6 +56,7 @@ -(instancetype)initWithFrame:(CGRect)frame params:(NSDictionary*)params
         }
 
         self.reactView = [[RCTRootView alloc] initWithBridge:[[RCCManager sharedInstance] getBridge] moduleName:self.params[@"component"] initialProperties:passProps];
+        self.reactView.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin;
         self.reactView.backgroundColor = [UIColor clearColor];
         self.reactView.sizeFlexibility = RCTRootViewSizeFlexibilityWidthAndHeight;
         self.reactView.center = self.center;
@@ -63,6 +70,16 @@ -(instancetype)initWithFrame:(CGRect)frame params:(NSDictionary*)params
     return self;
 }
 
+-(void)layoutSubviews
+{
+    [super layoutSubviews];
+
+    if(!self.yellowBoxRemoved)
+    {
+        self.yellowBoxRemoved = [RCTHelpers removeYellowBox:self.reactView];
+    }
+}
+
 -(void)removeAllObservers
 {
     [[NSNotificationCenter defaultCenter] removeObserver:self];

ios/RCCManager.h

@@ -9,6 +9,7 @@
 
 -(void)initBridgeWithBundleURL:(NSURL *)bundleURL;
 -(RCTBridge*)getBridge;
+-(UIWindow*)getAppWindow;
 
 -(void)registerController:(UIViewController*)controller componentId:(NSString*)componentId componentType:(NSString*)componentType;
 -(id)getControllerWithId:(NSString*)componentId componentType:(NSString*)componentType;

ios/RCCManager.m

@@ -199,6 +199,13 @@ -(RCTBridge*)getBridge
   return self.sharedBridge;
 }
 
+-(UIWindow*)getAppWindow
+{
+  UIApplication *app = [UIApplication sharedApplication];
+  UIWindow *window = (app.keyWindow != nil) ? app.keyWindow : app.windows[0];
+  return window;
+}
+
 #pragma mark - RCTBridgeDelegate methods
 
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge

ios/RCCManagerModule.m

@@ -8,7 +8,7 @@
 #import "RCTConvert.h"
 #import "RCCTabBarController.h"
 #import "RCCTheSideBarManagerViewController.h"
-
+#import "RCCNotification.h"
 
 #define kSlideDownAnimationDuration 0.35
 
@@ -310,4 +310,16 @@ -(BOOL)viewControllerIsModal:(UIViewController*)viewController
     }
 }
 
+RCT_EXPORT_METHOD(
+showNotification:(NSDictionary*)params resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+{
+    [RCCNotification showWithParams:params resolver:resolve rejecter:reject];
+}
+
+RCT_EXPORT_METHOD(
+dismissNotification:(NSDictionary*)params resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+{
+    [RCCNotification dismissWithParams:params resolver:resolve rejecter:reject];
+}
+
 @end

ios/RCCNotification.h

@@ -0,0 +1,8 @@
+
+#import <Foundation/Foundation.h>
+#import "RCCManager.h"
+
+@interface RCCNotification : NSObject
++(void)showWithParams:(NSDictionary*)params resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject;
++(void)dismissWithParams:(NSDictionary*)params resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject;
+@end