Add Reanimated native view

packages/react-native-reanimated/android/src/main/java/com/swmansion/reanimated/ReanimatedPackage.java

@@ -11,7 +11,10 @@
 import com.facebook.react.module.annotations.ReactModuleList;
 import com.facebook.react.module.model.ReactModuleInfo;
 import com.facebook.react.module.model.ReactModuleInfoProvider;
+import com.facebook.react.uimanager.ViewManager;
+import com.swmansion.reanimated.view.ReanimatedViewManager;
 import java.util.HashMap;
+import java.util.List;
 import java.util.Map;
 import java.util.Objects;
 
@@ -29,6 +32,11 @@ public NativeModule getModule(
     };
   }
 
+  @Override
+  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
+    return List.of(new ReanimatedViewManager());
+  }
+
   @Override
   public ReactModuleInfoProvider getReactModuleInfoProvider() {
     Class<? extends NativeModule>[] moduleList =

packages/react-native-reanimated/android/src/main/java/com/swmansion/reanimated/view/ReanimatedView.java

@@ -0,0 +1,13 @@
+package com.swmansion.reanimated.view;
+
+import android.content.Context;
+import android.view.ViewGroup;
+
+public class ReanimatedView extends ViewGroup {
+  public ReanimatedView(Context context) {
+    super(context);
+  }
+
+  @Override
+  protected void onLayout(boolean changed, int l, int t, int r, int b) {}
+}

packages/react-native-reanimated/android/src/main/java/com/swmansion/reanimated/view/ReanimatedViewManager.java

@@ -0,0 +1,19 @@
+package com.swmansion.reanimated.view;
+
+import androidx.annotation.NonNull;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewGroupManager;
+
+public class ReanimatedViewManager extends ViewGroupManager<ReanimatedView> {
+  @NonNull
+  @Override
+  public String getName() {
+    return "ReanimatedView";
+  }
+
+  @NonNull
+  @Override
+  protected ReanimatedView createViewInstance(@NonNull ThemedReactContext themedReactContext) {
+    return new ReanimatedView(themedReactContext);
+  }
+}

packages/react-native-reanimated/apple/reanimated/apple/view/ReanimatedView.h

@@ -0,0 +1,11 @@
+#pragma once
+
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface ReanimatedView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END

packages/react-native-reanimated/apple/reanimated/apple/view/ReanimatedView.mm

@@ -0,0 +1,25 @@
+#import <reanimated/apple/view/ReanimatedView.h>
+
+#import <react/renderer/components/rnreanimated/ComponentDescriptors.h>
+#import <react/renderer/components/rnreanimated/EventEmitters.h>
+#import <react/renderer/components/rnreanimated/Props.h>
+#import <react/renderer/components/rnreanimated/RCTComponentViewHelpers.h>
+
+using namespace facebook::react;
+
+@implementation ReanimatedView
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<ReanimatedViewComponentDescriptor>();
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+  //  const auto &oldViewProps = *std::static_pointer_cast<ReanimatedViewProps const>(_props);
+  //  const auto &newViewProps = *std::static_pointer_cast<ReanimatedViewProps const>(props);
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+@end

packages/react-native-reanimated/package.json

@@ -173,10 +173,15 @@
   },
   "codegenConfig": {
     "name": "rnreanimated",
-    "type": "modules",
+    "type": "all",
     "jsSrcsDir": "./src/specs",
     "android": {
       "javaPackageName": "com.swmansion.reanimated"
+    },
+    "ios": {
+      "componentProvider": {
+        "ReanimatedView": "ReanimatedView"
+      }
     }
   },
   "sideEffects": [

packages/react-native-reanimated/src/index.ts

@@ -287,6 +287,7 @@ export {
   ScreenTransition,
   startScreenTransition,
 } from './screenTransition';
+export { ReanimatedNativeView } from './specs';
 export type { WorkletRuntime } from 'react-native-worklets';
 export {
   isWorkletFunction,

packages/react-native-reanimated/src/specs/ReanimatedNativeComponent.ts

@@ -0,0 +1,8 @@
+'use strict';
+import type { ViewProps } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+interface NativeProps extends ViewProps {}
+
+// ts-prune-ignore-next-line
+export default codegenNativeComponent<NativeProps>('ReanimatedView');

packages/react-native-reanimated/src/specs/ReanimatedViewProvider.native.ts

@@ -0,0 +1,16 @@
+'use strict';
+
+import type { HostComponent } from 'react-native';
+
+import { shouldBeUseWeb } from '../PlatformChecker';
+
+let ReanimatedNativeView: HostComponent<any>;
+if (shouldBeUseWeb()) {
+  // this is a workaround for the jest
+  ReanimatedNativeView = {} as HostComponent<any>;
+} else {
+  ReanimatedNativeView = require('./ReanimatedNativeComponent').default;
+}
+
+// ts-prune-ignore-next-line
+export default ReanimatedNativeView;

packages/react-native-reanimated/src/specs/ReanimatedViewProvider.ts

@@ -0,0 +1,5 @@
+'use strict';
+
+import type { HostComponent } from 'react-native';
+
+export default {} as HostComponent<any>;

packages/react-native-reanimated/src/specs/index.ts

@@ -2,5 +2,6 @@
 
 import ReanimatedTurboModule from './NativeReanimatedModule';
 import WorkletsTurboModule from './NativeReaWorkletsModule';
+import ReanimatedNativeView from './ReanimatedViewProvider';
 
-export { ReanimatedTurboModule, WorkletsTurboModule };
+export { ReanimatedNativeView, ReanimatedTurboModule, WorkletsTurboModule };