Files
Jakub Grzywacz d3d61a5fc1 feat: custom shadow nodes (#2568)
# Summary

Implement custom shadow nodes for nearly all `Svg` components. While
it's a foundation for numerous upcoming changes, it currently addresses
and resolves #2544.

## Test Plan

There shouldn't be any noticeable changes, and everything should
function as before, except that `onLayout` will now be triggered only
once and with the correct dimensions.

## Compatibility

| OS      | Implemented |
| ------- | :---------: |
| iOS     |          |
| MacOS   |          |
| Android |          |

---------

Co-authored-by: Jakub Piasecki <jakubpiasecki67@gmail.com>
2024-12-12 11:48:46 +01:00

298 lines
6.6 KiB
Plaintext

/**
* Copyright (c) 2015-present, Horcrux.
* All rights reserved.
*
* This source code is licensed under the MIT-style license found in the
* LICENSE file in the root directory of this source tree.
*/
#import "RNSVGMarker.h"
#import "RNSVGBrushType.h"
#import "RNSVGNode.h"
#import "RNSVGPainter.h"
#import "RNSVGViewBox.h"
#ifdef RCT_NEW_ARCH_ENABLED
#import <React/RCTConversions.h>
#import <React/RCTFabricComponentsPlugins.h>
#import <react/renderer/components/view/conversions.h>
#import <rnsvg/RNSVGComponentDescriptors.h>
#import "RNSVGFabricConversions.h"
#endif // RCT_NEW_ARCH_ENABLED
@implementation RNSVGMarker
#ifdef RCT_NEW_ARCH_ENABLED
using namespace facebook::react;
// Needed because of this: https://github.com/facebook/react-native/pull/37274
+ (void)load
{
[super load];
}
- (instancetype)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame]) {
static const auto defaultProps = std::make_shared<const RNSVGMarkerProps>();
_props = defaultProps;
}
return self;
}
#pragma mark - RCTComponentViewProtocol
+ (ComponentDescriptorProvider)componentDescriptorProvider
{
return concreteComponentDescriptorProvider<RNSVGMarkerComponentDescriptor>();
}
- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
{
const auto &newProps = static_cast<const RNSVGMarkerProps &>(*props);
id refX = RNSVGConvertFollyDynamicToId(newProps.refX);
if (refX != nil) {
self.refX = [RCTConvert RNSVGLength:refX];
}
id refY = RNSVGConvertFollyDynamicToId(newProps.refY);
if (refY != nil) {
self.refY = [RCTConvert RNSVGLength:refY];
}
id markerHeight = RNSVGConvertFollyDynamicToId(newProps.markerHeight);
if (markerHeight != nil) {
self.markerHeight = [RCTConvert RNSVGLength:markerHeight];
}
id markerWidth = RNSVGConvertFollyDynamicToId(newProps.markerWidth);
if (markerWidth != nil) {
self.markerWidth = [RCTConvert RNSVGLength:markerWidth];
}
self.markerUnits = RCTNSStringFromStringNilIfEmpty(newProps.markerUnits);
self.orient = RCTNSStringFromStringNilIfEmpty(newProps.orient);
self.minX = newProps.minX;
self.minY = newProps.minY;
self.vbWidth = newProps.vbWidth;
self.vbHeight = newProps.vbHeight;
self.align = RCTNSStringFromStringNilIfEmpty(newProps.align);
self.meetOrSlice = intToRNSVGVBMOS(newProps.meetOrSlice);
setCommonGroupProps(newProps, self);
_props = std::static_pointer_cast<RNSVGMarkerProps const>(props);
}
- (void)prepareForRecycle
{
[super prepareForRecycle];
_refX = nil;
_refY = nil;
_markerHeight = nil;
_markerWidth = nil;
_markerUnits = nil;
_orient = nil;
_minX = 0;
_minY = 0;
_vbWidth = 0;
_vbHeight = 0;
_align = nil;
_meetOrSlice = kRNSVGVBMOSMeet;
}
#endif // RCT_NEW_ARCH_ENABLED
- (RNSVGPlatformView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
return nil;
}
- (void)parseReference
{
self.dirty = false;
[self.svgView defineMarker:self markerName:self.name];
[self traverseSubviews:^(RNSVGNode *node) {
if ([node isKindOfClass:[RNSVGNode class]]) {
[node parseReference];
}
return YES;
}];
}
- (void)setX:(RNSVGLength *)refX
{
if ([refX isEqualTo:_refX]) {
return;
}
_refX = refX;
[self invalidate];
}
- (void)setY:(RNSVGLength *)refY
{
if ([refY isEqualTo:_refY]) {
return;
}
_refY = refY;
[self invalidate];
}
- (void)setMarkerWidth:(RNSVGLength *)markerWidth
{
if ([markerWidth isEqualTo:_markerWidth]) {
return;
}
_markerWidth = markerWidth;
[self invalidate];
}
- (void)setMarkerHeight:(RNSVGLength *)markerHeight
{
if ([markerHeight isEqualTo:_markerHeight]) {
return;
}
_markerHeight = markerHeight;
[self invalidate];
}
- (void)setMarkerUnits:(NSString *)markerUnits
{
if ([_markerUnits isEqualToString:markerUnits]) {
return;
}
_markerUnits = markerUnits;
[self invalidate];
}
- (void)setOrient:(NSString *)orient
{
if ([orient isEqualToString:_orient]) {
return;
}
[self invalidate];
_orient = orient;
}
- (void)setMinX:(CGFloat)minX
{
if (minX == _minX) {
return;
}
[self invalidate];
_minX = minX;
}
- (void)setMinY:(CGFloat)minY
{
if (minY == _minY) {
return;
}
[self invalidate];
_minY = minY;
}
- (void)setVbWidth:(CGFloat)vbWidth
{
if (vbWidth == _vbWidth) {
return;
}
[self invalidate];
_vbWidth = vbWidth;
}
- (void)setVbHeight:(CGFloat)vbHeight
{
if (_vbHeight == vbHeight) {
return;
}
[self invalidate];
_vbHeight = vbHeight;
}
- (void)setAlign:(NSString *)align
{
if ([align isEqualToString:_align]) {
return;
}
[self invalidate];
_align = align;
}
- (void)setMeetOrSlice:(RNSVGVBMOS)meetOrSlice
{
if (meetOrSlice == _meetOrSlice) {
return;
}
[self invalidate];
_meetOrSlice = meetOrSlice;
}
static CGFloat RNSVG_degToRad = (CGFloat)M_PI / 180;
double deg2rad(CGFloat deg)
{
return deg * RNSVG_degToRad;
}
- (void)renderMarker:(CGContextRef)context
rect:(CGRect)rect
position:(RNSVGMarkerPosition *)position
strokeWidth:(CGFloat)strokeWidth
{
CGContextSaveGState(context);
CGPoint origin = [position origin];
CGAffineTransform transform = CGAffineTransformMakeTranslation(origin.x, origin.y);
float markerAngle = [@"auto" isEqualToString:_orient] ? -1 : [_orient doubleValue];
float angle = 180 + (markerAngle == -1 ? [position angle] : markerAngle);
float rad = deg2rad(angle);
transform = CGAffineTransformRotate(transform, rad);
bool useStrokeWidth = [@"strokeWidth" isEqualToString:_markerUnits];
if (useStrokeWidth) {
transform = CGAffineTransformScale(transform, strokeWidth, strokeWidth);
}
CGFloat width = [self relativeOnWidth:self.markerWidth];
CGFloat height = [self relativeOnHeight:self.markerHeight];
CGRect eRect = CGRectMake(0, 0, width, height);
if (self.align) {
CGAffineTransform viewBoxTransform =
[RNSVGViewBox getTransform:CGRectMake(self.minX, self.minY, self.vbWidth, self.vbHeight)
eRect:eRect
align:self.align
meetOrSlice:self.meetOrSlice];
transform = CGAffineTransformScale(transform, viewBoxTransform.a, viewBoxTransform.d);
}
CGFloat x = [self relativeOnWidth:self.refX];
CGFloat y = [self relativeOnHeight:self.refY];
transform = CGAffineTransformTranslate(transform, -x, -y);
self.transform = transform;
CGContextConcatCTM(context, transform);
[self renderGroupTo:context rect:eRect];
CGContextRestoreGState(context);
}
@end
#ifdef RCT_NEW_ARCH_ENABLED
Class<RCTComponentViewProtocol> RNSVGMarkerCls(void)
{
return RNSVGMarker.class;
}
#endif // RCT_NEW_ARCH_ENABLED