Opensourcing RCTWrapper

Summary:
RCTWrapper is a library that allows turn any UIView/UIViewController-based widget into React Native component
which will respect layout constrains of native (wrapped) view.
So, you don't need to explicitly specify width and hight in styling.

Take a look at examples to see how to use RCTWrapper.

Reviewed By: mmmulani

Differential Revision: D5868763

fbshipit-source-id: 0a503b42be166d547ca6cbf0829eea9c75a8e364

Libraries/Wrapper/Example/RCTWrapperExampleView.h

@@ -0,0 +1,11 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTWrapperExampleView : UIView
+
+@end
+
+NS_ASSUME_NONNULL_END

Libraries/Wrapper/Example/RCTWrapperExampleView.m

@@ -0,0 +1,55 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#import "RCTWrapperExampleView.h"
+
+#import <RCTWrapper/RCTWrapper.h>
+
+@implementation RCTWrapperExampleView {
+  NSTimer *_timer;
+  CGSize _intrinsicContentSize;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    self.backgroundColor = [UIColor whiteColor];
+
+    _intrinsicContentSize = CGSizeMake(64, 64);
+    _timer = [NSTimer scheduledTimerWithTimeInterval:1.0
+                                              target:self
+                                            selector:@selector(tick)
+                                            userInfo:nil
+                                             repeats:YES];
+
+    UITapGestureRecognizer *gestureRecognizer =
+      [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tick)];
+    [self addGestureRecognizer:gestureRecognizer];
+  }
+  return self;
+}
+
+- (void)tick
+{
+  _intrinsicContentSize.width = 32 + arc4random() % 128;
+  _intrinsicContentSize.height = 32 + arc4random() % 128;
+
+  [self invalidateIntrinsicContentSize];
+  [self.superview setNeedsLayout];
+}
+
+- (CGSize)intrinsicContentSize
+{
+  return _intrinsicContentSize;
+}
+
+- (CGSize)sizeThatFits:(CGSize)size
+{
+  return CGSizeMake(
+    MIN(size.width, _intrinsicContentSize.width),
+    MIN(size.height, _intrinsicContentSize.height)
+  );
+}
+
+@end
+
+RCT_WRAPPER_FOR_VIEW(RCTWrapperExampleView)

Libraries/Wrapper/Example/RCTWrapperExampleViewController.h

@@ -0,0 +1,11 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTWrapperExampleViewController : UIViewController
+
+@end
+
+NS_ASSUME_NONNULL_END

Libraries/Wrapper/Example/RCTWrapperExampleViewController.m

@@ -0,0 +1,17 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#import "RCTWrapperExampleViewController.h"
+
+#import <RCTWrapper/RCTWrapper.h>
+
+#import "RCTWrapperExampleView.h"
+
+@implementation RCTWrapperExampleViewController
+
+- (void)loadView {
+  self.view = [RCTWrapperExampleView new];
+}
+
+@end
+
+RCT_WRAPPER_FOR_VIEW_CONTROLLER(RCTWrapperExampleViewController)

Libraries/Wrapper/Example/RCTWrapperReactRootViewController.h

@@ -0,0 +1,15 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#import <UIKit/UIKit.h>
+
+@class RCTBridge;
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTWrapperReactRootViewController : UIViewController
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge;
+
+@end
+
+NS_ASSUME_NONNULL_END

Libraries/Wrapper/Example/RCTWrapperReactRootViewController.m

@@ -0,0 +1,42 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#import "RCTWrapperReactRootViewController.h"
+
+#import <RCTWrapper/RCTWrapper.h>
+#import <React/RCTBridge.h>
+#import <React/RCTRootView.h>
+
+#import "RCTWrapperExampleView.h"
+
+@implementation RCTWrapperReactRootViewController {
+  RCTBridge *_bridge;
+}
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+{
+  if (self = [super initWithNibName:nil bundle:nil]) {
+    _bridge = bridge;
+  }
+
+  return self;
+}
+
+- (void)loadView
+{
+  RCTRootView *rootView =
+    [[RCTRootView alloc] initWithBridge:_bridge
+                             moduleName:@"WrapperExample"
+                      initialProperties:@{}];
+
+  rootView.backgroundColor = [UIColor whiteColor];
+
+  UIActivityIndicatorView *progressIndicatorView =
+    [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
+  [progressIndicatorView startAnimating];
+  rootView.loadingView = progressIndicatorView;
+
+  rootView.sizeFlexibility = RCTRootViewSizeFlexibilityWidthAndHeight;
+  self.view = rootView;
+}
+
+@end

Libraries/Wrapper/Example/RCTWrapperReactRootViewManager.h

@@ -0,0 +1,13 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#import <UIKit/UIKit.h>
+
+#import <RCTWrapper/RCTWrapperViewManager.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTWrapperReactRootViewManager : RCTWrapperViewManager
+
+@end
+
+NS_ASSUME_NONNULL_END

Libraries/Wrapper/Example/RCTWrapperReactRootViewManager.m

@@ -0,0 +1,27 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#import "RCTWrapperReactRootViewManager.h"
+
+#import <RCTWrapper/RCTWrapperView.h>
+#import <RCTWrapper/RCTWrapperViewControllerHostingView.h>
+
+#import "RCTWrapperReactRootViewController.h"
+
+@implementation RCTWrapperReactRootViewManager
+
+RCT_EXPORT_MODULE()
+
+- (UIView *)view
+{
+  RCTWrapperViewControllerHostingView *contentViewControllerHostingView =
+    [RCTWrapperViewControllerHostingView new];
+
+  contentViewControllerHostingView.contentViewController =
+    [[RCTWrapperReactRootViewController alloc] initWithBridge:self.bridge];
+
+  RCTWrapperView *wrapperView = [super view];
+  wrapperView.contentView = contentViewControllerHostingView;
+  return wrapperView;
+}
+
+@end