247 lines
8.8 KiB
C
247 lines
8.8 KiB
C
|
/*
|
||
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
||
|
|
*
|
||
|
|
* This source code is licensed under the MIT license found in the
|
||
|
|
* LICENSE file in the root directory of this source tree.
|
||
|
|
*/
|
||
|
|
|
||
|
|
#import <UIKit/UIKit.h>
|
||
|
|
|
||
|
|
#import <React/RCTComponent.h>
|
||
|
|
// Keeps RCTConvert.h here before yoga for clang module to generate correct header imports.
|
||
|
|
#import <React/RCTConvert.h>
|
||
|
|
#import <React/RCTLayout.h>
|
||
|
|
#import <React/RCTRootView.h>
|
||
|
|
#import <yoga/Yoga.h>
|
||
|
|
|
||
|
|
@class RCTRootShadowView;
|
||
|
|
@class RCTSparseArray;
|
||
|
|
|
||
|
|
typedef void (^RCTApplierBlock)(NSDictionary<NSNumber *, UIView *> *viewRegistry);
|
||
|
|
|
||
|
|
/**
|
||
|
|
* ShadowView tree mirrors RCT view tree. Every node is highly stateful.
|
||
|
|
* 1. A node is in one of three lifecycles: uninitialized, computed, dirtied.
|
||
|
|
* 1. RCTBridge may call any of the padding/margin/width/height/top/left setters. A setter would dirty
|
||
|
|
* the node and all of its ancestors.
|
||
|
|
* 2. At the end of each Bridge transaction, we call layoutWithMinimumSize:maximumSize:layoutDirection:layoutContext
|
||
|
|
* at the root node to recursively lay out the entire hierarchy.
|
||
|
|
* 3. If a node is "computed" and the constraint passed from above is identical to the constraint used to
|
||
|
|
* perform the last computation, we skip laying out the subtree entirely.
|
||
|
|
*/
|
||
|
|
@interface RCTShadowView : NSObject <RCTComponent>
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Yoga Config which will be used to create `yogaNode` property.
|
||
|
|
* Override in subclass to enable special Yoga features.
|
||
|
|
* Defaults to suitable to current device configuration.
|
||
|
|
*/
|
||
|
|
+ (YGConfigRef)yogaConfig;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* RCTComponent interface.
|
||
|
|
*/
|
||
|
|
- (NSArray<RCTShadowView *> *)reactSubviews NS_REQUIRES_SUPER;
|
||
|
|
- (RCTShadowView *)reactSuperview NS_REQUIRES_SUPER;
|
||
|
|
- (void)insertReactSubview:(RCTShadowView *)subview atIndex:(NSInteger)atIndex NS_REQUIRES_SUPER;
|
||
|
|
- (void)removeReactSubview:(RCTShadowView *)subview NS_REQUIRES_SUPER;
|
||
|
|
|
||
|
|
@property (nonatomic, weak, readonly) RCTRootShadowView *rootView;
|
||
|
|
@property (nonatomic, weak, readonly) RCTShadowView *superview;
|
||
|
|
@property (nonatomic, assign, readonly) YGNodeRef yogaNode;
|
||
|
|
@property (nonatomic, copy) NSString *viewName;
|
||
|
|
@property (nonatomic, copy) RCTDirectEventBlock onLayout;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Computed layout of the view.
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) RCTLayoutMetrics layoutMetrics;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* In some cases we need a way to specify some environmental data to shadow view
|
||
|
|
* to improve layout (or do something similar), so `localData` serves these needs.
|
||
|
|
* For example, any stateful embedded native views may benefit from this.
|
||
|
|
* Have in mind that this data is not supposed to interfere with the state of
|
||
|
|
* the shadow view.
|
||
|
|
* Please respect one-directional data flow of React.
|
||
|
|
* Use `-[RCTUIManager setLocalData:forView:]` to set this property
|
||
|
|
* (to provide local/environmental data for a shadow view) from the main thread.
|
||
|
|
*/
|
||
|
|
- (void)setLocalData:(NSObject *)localData;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* isNewView - Used to track the first time the view is introduced into the hierarchy. It is initialized YES, then is
|
||
|
|
* set to NO in RCTUIManager after the layout pass is done and all frames have been extracted to be applied to the
|
||
|
|
* corresponding UIViews.
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign, getter=isNewView) BOOL newView;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Position and dimensions.
|
||
|
|
* Defaults to { 0, 0, NAN, NAN }.
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) YGValue top;
|
||
|
|
@property (nonatomic, assign) YGValue left;
|
||
|
|
@property (nonatomic, assign) YGValue bottom;
|
||
|
|
@property (nonatomic, assign) YGValue right;
|
||
|
|
@property (nonatomic, assign) YGValue start;
|
||
|
|
@property (nonatomic, assign) YGValue end;
|
||
|
|
|
||
|
|
@property (nonatomic, assign) YGValue width;
|
||
|
|
@property (nonatomic, assign) YGValue height;
|
||
|
|
|
||
|
|
@property (nonatomic, assign) YGValue minWidth;
|
||
|
|
@property (nonatomic, assign) YGValue maxWidth;
|
||
|
|
@property (nonatomic, assign) YGValue minHeight;
|
||
|
|
@property (nonatomic, assign) YGValue maxHeight;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Convenient alias to `width` and `height` in pixels.
|
||
|
|
* Defaults to NAN in case of non-pixel dimension.
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) CGSize size;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Border. Defaults to { 0, 0, 0, 0 }.
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) float borderWidth;
|
||
|
|
@property (nonatomic, assign) float borderTopWidth;
|
||
|
|
@property (nonatomic, assign) float borderLeftWidth;
|
||
|
|
@property (nonatomic, assign) float borderBottomWidth;
|
||
|
|
@property (nonatomic, assign) float borderRightWidth;
|
||
|
|
@property (nonatomic, assign) float borderStartWidth;
|
||
|
|
@property (nonatomic, assign) float borderEndWidth;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Margin. Defaults to { 0, 0, 0, 0 }.
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) YGValue margin;
|
||
|
|
@property (nonatomic, assign) YGValue marginVertical;
|
||
|
|
@property (nonatomic, assign) YGValue marginHorizontal;
|
||
|
|
@property (nonatomic, assign) YGValue marginTop;
|
||
|
|
@property (nonatomic, assign) YGValue marginLeft;
|
||
|
|
@property (nonatomic, assign) YGValue marginBottom;
|
||
|
|
@property (nonatomic, assign) YGValue marginRight;
|
||
|
|
@property (nonatomic, assign) YGValue marginStart;
|
||
|
|
@property (nonatomic, assign) YGValue marginEnd;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Padding. Defaults to { 0, 0, 0, 0 }.
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) YGValue padding;
|
||
|
|
@property (nonatomic, assign) YGValue paddingVertical;
|
||
|
|
@property (nonatomic, assign) YGValue paddingHorizontal;
|
||
|
|
@property (nonatomic, assign) YGValue paddingTop;
|
||
|
|
@property (nonatomic, assign) YGValue paddingLeft;
|
||
|
|
@property (nonatomic, assign) YGValue paddingBottom;
|
||
|
|
@property (nonatomic, assign) YGValue paddingRight;
|
||
|
|
@property (nonatomic, assign) YGValue paddingStart;
|
||
|
|
@property (nonatomic, assign) YGValue paddingEnd;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Flexbox properties. All zero/disabled by default
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) YGFlexDirection flexDirection;
|
||
|
|
@property (nonatomic, assign) YGJustify justifyContent;
|
||
|
|
@property (nonatomic, assign) YGAlign alignSelf;
|
||
|
|
@property (nonatomic, assign) YGAlign alignItems;
|
||
|
|
@property (nonatomic, assign) YGAlign alignContent;
|
||
|
|
@property (nonatomic, assign) YGPositionType position;
|
||
|
|
@property (nonatomic, assign) YGWrap flexWrap;
|
||
|
|
@property (nonatomic, assign) YGDisplay display;
|
||
|
|
|
||
|
|
@property (nonatomic, assign) float flex;
|
||
|
|
@property (nonatomic, assign) float flexGrow;
|
||
|
|
@property (nonatomic, assign) float rowGap;
|
||
|
|
@property (nonatomic, assign) float columnGap;
|
||
|
|
@property (nonatomic, assign) float gap;
|
||
|
|
@property (nonatomic, assign) float flexShrink;
|
||
|
|
@property (nonatomic, assign) YGValue flexBasis;
|
||
|
|
|
||
|
|
@property (nonatomic, assign) float aspectRatio;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Interface direction (LTR or RTL)
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) YGDirection direction;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Clipping properties
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) YGOverflow overflow;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Represents the natural size of the view, which is used when explicit size is not set or is ambiguous.
|
||
|
|
* Defaults to `{UIViewNoIntrinsicMetric, UIViewNoIntrinsicMetric}`.
|
||
|
|
*/
|
||
|
|
@property (nonatomic, assign) CGSize intrinsicContentSize;
|
||
|
|
|
||
|
|
#pragma mark - Layout
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Initiates layout starts from the view.
|
||
|
|
*/
|
||
|
|
- (void)layoutWithMinimumSize:(CGSize)minimumSize
|
||
|
|
maximumSize:(CGSize)maximumSize
|
||
|
|
layoutDirection:(UIUserInterfaceLayoutDirection)layoutDirection
|
||
|
|
layoutContext:(RCTLayoutContext)layoutContext;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Applies computed layout metrics to the view.
|
||
|
|
*/
|
||
|
|
- (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics layoutContext:(RCTLayoutContext)layoutContext;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Calculates (if needed) and applies layout to subviews.
|
||
|
|
*/
|
||
|
|
- (void)layoutSubviewsWithContext:(RCTLayoutContext)layoutContext;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Measures shadow view without side-effects.
|
||
|
|
* Default implementation uses Yoga for measuring.
|
||
|
|
*/
|
||
|
|
- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns whether or not this view can have any subviews.
|
||
|
|
* Adding/inserting a child view to leaf view (`canHaveSubviews` equals `NO`)
|
||
|
|
* will throw an error.
|
||
|
|
* Return `NO` for components which must not have any descendants
|
||
|
|
* (like <Image>, for example.)
|
||
|
|
* Defaults to `YES`. Can be overridden in subclasses.
|
||
|
|
* Don't confuse this with `isYogaLeafNode`.
|
||
|
|
*/
|
||
|
|
- (BOOL)canHaveSubviews;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns whether or not this node acts as a leaf node in the eyes of Yoga.
|
||
|
|
* For example `RCTTextShadowView` has children which it does not want Yoga
|
||
|
|
* to lay out so in the eyes of Yoga it is a leaf node.
|
||
|
|
* Defaults to `NO`. Can be overridden in subclasses.
|
||
|
|
* Don't confuse this with `canHaveSubviews`.
|
||
|
|
*/
|
||
|
|
- (BOOL)isYogaLeafNode;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* As described in RCTComponent protocol.
|
||
|
|
*/
|
||
|
|
- (void)didUpdateReactSubviews NS_REQUIRES_SUPER;
|
||
|
|
- (void)didSetProps:(NSArray<NSString *> *)changedProps NS_REQUIRES_SUPER;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Computes the recursive offset, meaning the sum of all descendant offsets -
|
||
|
|
* this is the sum of all positions inset from parents. This is not merely the
|
||
|
|
* sum of `top`/`left`s, as this function uses the *actual* positions of
|
||
|
|
* children, not the style specified positions - it computes this based on the
|
||
|
|
* resulting layout. It does not yet compensate for native scroll view insets or
|
||
|
|
* transforms or anchor points.
|
||
|
|
*/
|
||
|
|
- (CGRect)measureLayoutRelativeToAncestor:(RCTShadowView *)ancestor;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Checks if the current shadow view is a descendant of the provided `ancestor`
|
||
|
|
*/
|
||
|
|
- (BOOL)viewIsDescendantOf:(RCTShadowView *)ancestor;
|
||
|
|
|
||
|
|
@end
|