mirror of
https://github.com/zoriya/react-native-svg.git
synced 2026-05-29 13:21:50 +00:00
d3d61a5fc1
# 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>
298 lines
6.6 KiB
Plaintext
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
|