2015-03-26 13:32:01 +00:00
|
|
|
/**
|
|
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
|
|
* All rights reserved.
|
|
|
|
*
|
|
|
|
* This source code is licensed under the BSD-style license found in the
|
|
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
|
|
*/
|
|
|
|
|
|
|
|
#import "UIView+React.h"
|
|
|
|
|
|
|
|
#import <objc/runtime.h>
|
|
|
|
|
|
|
|
#import "RCTAssert.h"
|
|
|
|
#import "RCTLog.h"
|
|
|
|
|
|
|
|
@implementation UIView (React)
|
|
|
|
|
|
|
|
- (NSNumber *)reactTag
|
|
|
|
{
|
|
|
|
return objc_getAssociatedObject(self, _cmd);
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)setReactTag:(NSNumber *)reactTag
|
|
|
|
{
|
Added mechanism for directly mapping JS event handlers to blocks
Summary:
Currently, the system for mapping JS event handlers to blocks is quite clean on the JS side, but is clunky on the native side. The event property is passed as a boolean, which can then be checked by the native side, and if true, the native side is supposed to send an event via the event dispatcher.
This diff adds the facility to declare the property as a block instead. This means that the event side can simply call the block, and it will automatically send the event. Because the blocks for bubbling and direct events are named differently, we can also use this to generate the event registration data and get rid of the arrays of event names.
The name of the event is inferred from the property name, which means that the property for an event called "load" must be called `onLoad` or the mapping won't work. This can be optionally remapped to a different property name on the view itself if necessary, e.g.
RCT_REMAP_VIEW_PROPERTY(onLoad, loadEventBlock, RCTDirectEventBlock)
If you don't want to use this mechanism then for now it is still possible to declare the property as a BOOL instead and use the old mechanism (this approach is now deprecated however, and may eventually be removed altogether).
2015-09-02 12:58:10 +00:00
|
|
|
objc_setAssociatedObject(self, @selector(reactTag), reactTag, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
|
2015-03-26 13:32:01 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
- (BOOL)isReactRootView
|
|
|
|
{
|
|
|
|
return RCTIsReactRootView(self.reactTag);
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSNumber *)reactTagAtPoint:(CGPoint)point
|
|
|
|
{
|
|
|
|
UIView *view = [self hitTest:point withEvent:nil];
|
|
|
|
while (view && !view.reactTag) {
|
|
|
|
view = view.superview;
|
|
|
|
}
|
|
|
|
return view.reactTag;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)insertReactSubview:(UIView *)subview atIndex:(NSInteger)atIndex
|
|
|
|
{
|
|
|
|
[self insertSubview:subview atIndex:atIndex];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)removeReactSubview:(UIView *)subview
|
|
|
|
{
|
|
|
|
RCTAssert(subview.superview == self, @"%@ is a not a subview of %@", subview, self);
|
|
|
|
[subview removeFromSuperview];
|
|
|
|
}
|
|
|
|
|
2015-11-14 18:25:00 +00:00
|
|
|
- (NSArray<UIView *> *)reactSubviews
|
2015-03-26 13:32:01 +00:00
|
|
|
{
|
|
|
|
return self.subviews;
|
|
|
|
}
|
|
|
|
|
2015-11-14 18:25:00 +00:00
|
|
|
- (UIView *)reactSuperview
|
2015-03-26 13:32:01 +00:00
|
|
|
{
|
|
|
|
return self.superview;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)reactSetFrame:(CGRect)frame
|
|
|
|
{
|
|
|
|
// These frames are in terms of anchorPoint = topLeft, but internally the
|
|
|
|
// views are anchorPoint = center for easier scale and rotation animations.
|
|
|
|
// Convert the frame so it works with anchorPoint = center.
|
|
|
|
CGPoint position = {CGRectGetMidX(frame), CGRectGetMidY(frame)};
|
|
|
|
CGRect bounds = {CGPointZero, frame.size};
|
|
|
|
|
|
|
|
// Avoid crashes due to nan coords
|
|
|
|
if (isnan(position.x) || isnan(position.y) ||
|
|
|
|
isnan(bounds.origin.x) || isnan(bounds.origin.y) ||
|
|
|
|
isnan(bounds.size.width) || isnan(bounds.size.height)) {
|
|
|
|
RCTLogError(@"Invalid layout for (%@)%@. position: %@. bounds: %@",
|
|
|
|
self.reactTag, self, NSStringFromCGPoint(position), NSStringFromCGRect(bounds));
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-10-23 16:11:54 +00:00
|
|
|
self.center = position;
|
|
|
|
self.bounds = bounds;
|
2015-03-26 13:32:01 +00:00
|
|
|
}
|
|
|
|
|
2015-05-28 16:29:27 +00:00
|
|
|
- (void)reactSetInheritedBackgroundColor:(UIColor *)inheritedBackgroundColor
|
|
|
|
{
|
Disable background color propagation for everything except text nodes
Summary:
public
Blending semitransparent pixels against their background is fairly a fairly expensive operation on mobile GPUs. To reduce blending, React Native has a system called "background color propagation", where the background color of parent views is automatically inherited by child views unless explicitly overridden. This means that translucent pixels can be blended directly against a known background color, avoiding the need to do this dynamically on the GPU.
In practice, this is only useful for views that do their own drawing, which is basically just `<Image/>` and `<Text/>` components, and for image components it only really matters when the image has an alpha component.
The automatic background propagation is a bit of a hack, and often does the wrong thing - for example if a view overflows its bounds, or if it overlaps a sibling, the background color will often be incorrect and need to be manually disabled. Because the only place that it provides a significant performance benefit is for text, this diff disables the behavior for everything except `<Text/>` nodes. It might still be useful for `<Image/>` nodes too, but looking through the examples in UIExplorer, the number of places where it does the wrong thing for images outnumbers the cases where it provides significant reduction in blending.
Note that this diff does not prevent you from eliminating blending on image components by manually setting an opaque background color, nor does it stop you from disabling color propagation on text components by manually setting a transparent background.
Reviewed By: javache
Differential Revision: D2811031
fb-gh-sync-id: 2eb08918c9031c582a3dd2d40e04b27a663dac82
2016-01-08 11:37:25 +00:00
|
|
|
// Does nothing by default
|
2015-05-28 16:29:27 +00:00
|
|
|
}
|
|
|
|
|
2015-07-31 18:23:29 +00:00
|
|
|
- (UIViewController *)reactViewController
|
2015-03-26 13:32:01 +00:00
|
|
|
{
|
|
|
|
id responder = [self nextResponder];
|
2015-06-24 17:14:37 +00:00
|
|
|
while (responder) {
|
|
|
|
if ([responder isKindOfClass:[UIViewController class]]) {
|
|
|
|
return responder;
|
|
|
|
}
|
|
|
|
responder = [responder nextResponder];
|
2015-03-26 13:32:01 +00:00
|
|
|
}
|
|
|
|
return nil;
|
|
|
|
}
|
|
|
|
|
2015-07-31 18:23:29 +00:00
|
|
|
- (void)reactAddControllerToClosestParent:(UIViewController *)controller
|
2015-03-26 13:32:01 +00:00
|
|
|
{
|
|
|
|
if (!controller.parentViewController) {
|
|
|
|
UIView *parentView = (UIView *)self.reactSuperview;
|
|
|
|
while (parentView) {
|
2015-07-31 18:23:29 +00:00
|
|
|
if (parentView.reactViewController) {
|
|
|
|
[parentView.reactViewController addChildViewController:controller];
|
|
|
|
[controller didMoveToParentViewController:parentView.reactViewController];
|
2015-03-26 13:32:01 +00:00
|
|
|
break;
|
|
|
|
}
|
|
|
|
parentView = (UIView *)parentView.reactSuperview;
|
|
|
|
}
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Responder overrides - to be deprecated.
|
|
|
|
*/
|
|
|
|
- (void)reactWillMakeFirstResponder {};
|
|
|
|
- (void)reactDidMakeFirstResponder {};
|
2015-06-15 14:53:45 +00:00
|
|
|
- (BOOL)reactRespondsToTouch:(__unused UITouch *)touch
|
2015-03-26 13:32:01 +00:00
|
|
|
{
|
|
|
|
return YES;
|
|
|
|
}
|
|
|
|
|
|
|
|
@end
|