mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-06 07:06:11 +00:00
1126079425
Changed `requireNativeComponent` to `codegenNativeComponent` so that upcoming changes (Static View Configs, Bridgeless Mode and idk what more) in `react-native` are available in the library. Also, types and native components are now taken directly from `fabric` folder to make sure the values passed to the native components are the ones defined in props. It should work on all supported versions since `codegenNativeComponent` function exists from RN v. 0.61.0. Suggested by @RSNara and @cipolleschi Reason for [`5394bbb` (#1847)](5394bbbced): - on `Paper`, `Animated` uses `setNativeProps` method when we set `useNativeDriver` to `false`, and does not rerender the component. Therefore, new transform lands only in `SvgView` and is parsed in `RCTViewManager.m` . - on `Fabric`, the same code makes the components rerender. Due to this, information about new transform is passed to the `SvgView` child: `G` , making it apply translations from the transform in its `updateProps` method. - other than `Animated` use-case, on both archs, if we just passed `transform` prop to `Svg` component, it would end up in double transformations now as well. All of those changes are due to https://github.com/software-mansion/react-native-svg/pull/1895, which added proper parsing of RN style `transform` prop (array of transformations objects) therefore making `G` properly handle `transform` prop passed from `Svg`. Reason for [`19bcb24` (#1847)](19bcb2464b): Same as https://github.com/software-mansion/react-native-screens/pull/1624
68 lines
1.9 KiB
C++
68 lines
1.9 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.
|
|
*/
|
|
|
|
#pragma once
|
|
|
|
#include <jsi/jsi.h>
|
|
#include <react/renderer/components/rnsvg/EventEmitters.h>
|
|
#include <react/renderer/components/rnsvg/Props.h>
|
|
#include <react/renderer/components/view/ConcreteViewShadowNode.h>
|
|
#include <react/renderer/imagemanager/ImageManager.h>
|
|
#include <react/renderer/imagemanager/primitives.h>
|
|
|
|
#include "RNSVGImageState.h"
|
|
|
|
namespace facebook {
|
|
namespace react {
|
|
|
|
JSI_EXPORT extern const char RNSVGImageComponentName[];
|
|
|
|
/*
|
|
* `ShadowNode` for <RNSVGImage> component.
|
|
*/
|
|
class JSI_EXPORT RNSVGImageShadowNode final : public ConcreteViewShadowNode<
|
|
RNSVGImageComponentName,
|
|
RNSVGImageProps,
|
|
ViewEventEmitter,
|
|
RNSVGImageState> {
|
|
public:
|
|
using ConcreteViewShadowNode::ConcreteViewShadowNode;
|
|
|
|
static ShadowNodeTraits BaseTraits() {
|
|
auto traits = ConcreteViewShadowNode::BaseTraits();
|
|
traits.set(ShadowNodeTraits::Trait::LeafYogaNode);
|
|
return traits;
|
|
}
|
|
|
|
/*
|
|
* Associates a shared `ImageManager` with the node.
|
|
*/
|
|
void setImageManager(const SharedImageManager &imageManager);
|
|
|
|
static RNSVGImageState initialStateData(
|
|
ShadowNodeFragment const &fragment,
|
|
ShadowNodeFamilyFragment const &familyFragment,
|
|
ComponentDescriptor const &componentDescriptor) {
|
|
auto imageSource = ImageSource{ImageSource::Type::Invalid};
|
|
return {imageSource, {imageSource, nullptr}};
|
|
}
|
|
|
|
#pragma mark - LayoutableShadowNode
|
|
|
|
void layout(LayoutContext layoutContext) override;
|
|
|
|
private:
|
|
ImageSource getImageSource() const;
|
|
|
|
SharedImageManager imageManager_;
|
|
|
|
void updateStateIfNeeded();
|
|
};
|
|
|
|
} // namespace react
|
|
} // namespace facebook
|