Feature Request: New Architecture Support

[perqa]

Feature Request: New Architecture Support

Hello,
I'm wondering if someone is looking into migrating React Native Camera Kit to use Fabric (i.e. the React Native New Architecture).
I'm opening this issue to understand what's the current status of this.
I saw that someone opened a ticket on a specific module here , but I'm after a more general reply.

Why it is needed
Originally requested here

Code sample
Not a real code sample, but contains a sample of a library that is backward compatible with both the old and the new arch of React Native.

[scarlac]

No immediate plans to support the new Architecture. We welcome any PRs that might add support for it though.

[parz1]

maybe you can adapt this module through this @perqa
reactwg/react-native-new-architecture#135

[deepesh-bex]

@parz1 I tried doing that but the screen just becomes black. No crash but no success either.

module.exports = {
  dependencies: {
    ...
  },
  project: {
    ios: {
      sourceDir: "./ios",
      unstable_reactLegacyComponentNames: ["CKCamera"],
    },
    android: {
      unstable_reactLegacyComponentNames: ["CKCameraManager"],
    },
  },
  assets: ["./assets/fonts/"],
};

Maybe I'm doing something wrong in here?

[scarlac]

Make sure you prompt for permissions. Otherwise screen shows as black.
We recommend react-native-permissions. It's a good library that stays up to date with permissions on both platforms (permissions change frequently on both platforms)

[deepesh-bex]

I implemented the library, but still got a black screen. What other reasons can be there for a black screen?

This black screen issue is particularly in iOS (android works fine with new arch)

[scarlac]

Check the native logs to see what the issue is. With Xcode compilation you can see it in the console. There should be some sort of log statement.

[deepesh-bex]

If I do
bundle exec RCT_NEW_ARCH_ENABLED=1 && pod install
It works but if I do

bundle install && RCT_NEW_ARCH_ENABLED=1 bundle exec pod install
It doesn't

The Xcode logs have {fabric: true} flag when running the second one.
Should I make changes to the

unstable_reactLegacyComponentNames: ["CKCamera"],

and include more components which we have in iOS?

[ThienMD]

The same issue for me when I tried: unstable_reactLegacyComponentNames: ["CKCamera"],

[VitorHRD]

The same issue for me:

module.exports = {
  project: {
    ios: {},
    android: {
      unstable_reactLegacyComponentNames: ['CKCameraManager' ,'CKCamera'],
    },
  },
  assets: ['./src/assets/fonts/'],
};

For me the bug doesn't happen on iOS, but on Android it shows that the component is not supported in fabric mode, my app has all the libraries configured for fabric mode, going back is impossible for me

[WoLewicki]

Hey, we at Software Mansion have been working on improving support for the new architecture for quite a while and we would like to help with migrating this library. Are you open to PRs?

[scarlac]

Hey, we at Software Mansion have been working on improving support for the new architecture for quite a while and we would like to help with migrating this library. Are you open to PRs?

Yes

[WoLewicki]

Hey! I submitted the PR with New Architecture here: #672 🎉