[2.9.0] Error: The given view was not found in view manager🐛 #500

ldstein · 2021-10-11T00:46:12Z

What were you trying to do?

Build and run example App at bd46da6 on Android device.

Maybe related to #457

Build Environment:
Windows 10 x64
Openjdk 11.0.10 2021-01-19
Python 2.7.18

Reproduceable Code

git clone https://github.com/mrousavy/react-native-vision-camera.git
cd react-native-vision-camera
git checkout bd46da614ee2f43b23eb90a71ab4c59be54fd01f
npx yarn
cd example
npx yarn
npx yarn android

What happened instead?

After app launches and user grants permission to Camera and Mic, red error box appears with Stack Trace:

Relevant log output

LOG  Running "VisionCameraExample" with {"rootTag":1}
 LOG  Re-rendering Navigator. Camera: undefined | Microphone: undefined
 LOG  Re-rendering Navigator. Camera: denied | Microphone: undefined
 LOG  Re-rendering Navigator. Camera: denied | Microphone: denied
 LOG  Requesting camera permission...
 LOG  Camera permission status: authorized
 LOG  Requesting microphone permission...
 LOG  Microphone permission status: authorized
 LOG  re-rendering camera page without active camera
 LOG  re-rendering camera page without active camera
 LOG  Re-rendering camera page with active camera. Device: "back (0)" (4000x2000 @ 60fps)
 ERROR  Error: Exception in HostFunction: com.mrousavy.camera.ViewNotFoundError: [system/view-not-found] The given view (ID 95) was not found in the view manager., js engine: hermes

Device

Pixel 3, Android 11

VisionCamera Version

2.9.0

Additional information

I am using Expo
I have read the Troubleshooting Guide
I agree to follow this project's Code of Conduct
I searched for similar issues in this repository and found none.

The text was updated successfully, but these errors were encountered:

mrousavy · 2021-10-11T07:27:14Z

That's such an annoying bug. Can't seem to find a fix for that :(

mrousavy · 2021-10-11T16:27:46Z

maybe #511 fixes this issue... it's giving me headaches.

ldstein · 2021-10-13T01:35:20Z

maybe #511 fixes this issue... it's giving me headaches.

I'm a little late to the party, but happy to report #511 fixed the issue, thanks!

r0b0t3d · 2021-10-23T08:09:20Z

I'm using 2.9.3 and still see this error

Update: I am only got this error when using <Camera /> inside <Modal />

iAmGhost · 2021-10-27T08:48:23Z

Update: I am only got this error when using <Camera /> inside <Modal />

I have similar problem while using @react-navigation/native-stack. using react-native-vision-camera@2.9.3

It happens when:

Using Android
Pressing back arrow button at header left(not happening with system back button)

Workaround was adding custom back button at headerLeft that disables camera before popping screen.

Example code:

function CameraScreen() {
  const [quit, setQuit] = useState(false);
  const navigation = useNavigation();
  
  useEffect(() => {
    if (Platform.OS !== 'android') {
      return;
    }

    navigation.setOptions({
      headerLeft: () => (
        <Button
          title="Dismiss"
          onPress={() => {
            setQuit(true);
          }}
        />
      ),
    });
  }, [navigation]);

  useEffect(() => {
    if (quit) {
      navigation.goBack();
    }
  }, [navigation, quit]);

  return (
    <Camera active={!quit} />
  );
}

rusakovic · 2021-11-03T21:21:45Z

I'm using 2.9.3 and still see this error

Update: I am only got this error when using <Camera /> inside <Modal />

Confirm this issue, if use react-native-modal or import from react-native

Only on Android.
iOS is working perfect.

"react-native-reanimated": "^2.2.4",
"react-native-modal": "^13.0.0",
"react": "17.0.2",
"react-native": "0.66.1",
"react-native-vision-camera": "^2.9.3",
"vision-camera-face-detector": "^0.1.8",

@mrousavy may you could give some suggestions, how to wrap the <Camera /> component correctly to show camera in fullscreen mode.

This info could be useful to add in documentation. To avoid potential issues.

Thank you for your great library!

ldstein · 2021-11-03T22:14:52Z

I ended up having to use similar workarounds as described above.

The workaround involves deactivating or unmounting the <camera /> component before a screen transition. The logic is more or less:

Intercept a screen transition (via navigation, back button press or hardware back button event)
Cancel the transition
Re-render the current screen with <camera active={false} ...otherProps /> or unmount it completely.
Trigger the previously cancelled transition

The ViewID bug seems to only crop up when using RNVC in conjunction with screen management libraries (react-native-navigation, react-navigation, react-native-modal).

rusakovic · 2021-11-03T22:19:36Z

I ended up having to use similar workarounds as described above.

The workaround involves deactivating or unmounting the <camera /> component before a screen transition. The logic is more or less:

Intercept a screen transition (via navigation, back button press or hardware back button event)

Cancel the transition

Re-render the current screen with <camera active={false} ...otherProps /> or unmount it completely.

Trigger the previously cancelled transition

The ViewID bug seems to only crop up when using RNVC in conjunction with screen management libraries (react-native-navigation, react-navigation, react-native-modal).

Thank you for your quick reply. So, your issue during Unmount of the camera, right?
But you could mount the camera in modal?

Is it correct?

Because my issue, I couldn't mount the Camera in Modal.

So, you move Camera to react-navigation as Modal screen, right?

ldstein · 2021-11-03T22:57:09Z

It's been awhile. I think I only hit assertFrameProcessors error when the screen with the active camera was being transitioned away from.

Edit - Just checked my code I'm only setting active={true} and frameProcessor={processFrame} after the screen transition has completed and screen containing the camera component is in focus.

I should also mention I ended up moving away from react-navigation. Hit some compatibility issues with the alpha and beta builds of react-native-reanimated. #542 .

iAmGhost · 2021-11-04T01:36:00Z

It's been awhile. I think I only hit assertFrameProcessors error when the screen with the active camera was being transitioned away from.

I can confirm this issue only happens when frameProcessor is set.

@rusakovic

Because my issue, I couldn't mount the Camera in Modal.

Sorry for confusing, I had problem when unmounting screen but similar error so I thought it can be helpful.
It looks this happens when setting frameProcessor during animation so try to avoid it. It will be ugly but maybe setTimeout can be helped.

I'm not sure this issue should be re-opened or separated, please help us @mrousavy

rusakovic · 2021-11-06T10:59:20Z

Agree.
Maybe @mrousavy could give some advices or usecases for Modal. Or how to wrap Camera correctly.
For react-native-modal I tried to use

onModalShow	func	() => null	Called when the modal is completely visible

to activate the Camera, but it didn't help.

Update:
The issue with Modal is not with mounting of Modal. I added Button inside the Modal to open the Camera. And the issue is the same: com.mrousavy.camera.ViewNotFoundError: [system/view-not-found]

ldstein · 2021-11-12T05:17:17Z

FWIW, here is a mimimal App demonstrating the crash with react-native-modal

This is different to my original issue which I was able to work around by avoiding mounting/unmounting during transitions.

https://github.com/ldstein/MeshCameraTest/tree/modal-test

mrousavy · 2021-11-12T09:06:31Z

@ldstein thank you! This is helpful. I currently don't have the time to investigate this, but if I do, I'll get back to this.

alexstanbury · 2021-11-23T11:57:57Z

I'm also seeing this issue. The Camera shows fine in the React Native Modal, but when I call takePhoto I am receiving the view-not-found error.

rusakovic · 2021-11-27T11:44:13Z

@ldstein thank you! This is helpful. I currently don't have the time to investigate this, but if I do, I'll get back to this.

will be very helpful, if you could help with this issue.

alexstanbury · 2021-11-27T14:02:26Z

Perhaps we need to open a new issue as this one has been closed.

fundon · 2022-02-24T11:02:35Z

Same issue, Follow the workaround of @iAmGhost.

ldstein added the 🐛 bug Something isn't working label Oct 11, 2021

mrousavy added 📢 help wanted Extra attention is needed 🤖 android Issue affects the Android platform labels Oct 11, 2021

mrousavy closed this as completed Oct 11, 2021

rusakovic mentioned this issue Nov 6, 2021

🐛 App crashes on view unmount #570

Closed

mrousavy mentioned this issue Dec 13, 2021

Prepare for Fabric / TurboModules #650

Closed

ghost mentioned this issue Dec 27, 2021

🐛 iOS crashes when reloading JS bundle and using useFrameProcessor #675

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[2.9.0] Error: The given view was not found in view manager🐛 #500

[2.9.0] Error: The given view was not found in view manager🐛 #500

ldstein commented Oct 11, 2021 •

edited

Loading

mrousavy commented Oct 11, 2021

mrousavy commented Oct 11, 2021

ldstein commented Oct 13, 2021 •

edited

Loading

r0b0t3d commented Oct 23, 2021 •

edited

Loading

iAmGhost commented Oct 27, 2021 •

edited

Loading

rusakovic commented Nov 3, 2021 •

edited

Loading

ldstein commented Nov 3, 2021 •

edited

Loading

rusakovic commented Nov 3, 2021

ldstein commented Nov 3, 2021 •

edited

Loading

iAmGhost commented Nov 4, 2021

rusakovic commented Nov 6, 2021 •

edited

Loading

ldstein commented Nov 12, 2021 •

edited

Loading

mrousavy commented Nov 12, 2021

alexstanbury commented Nov 23, 2021

rusakovic commented Nov 27, 2021

alexstanbury commented Nov 27, 2021

fundon commented Feb 24, 2022

[2.9.0] Error: The given view was not found in view manager🐛 #500

[2.9.0] Error: The given view was not found in view manager🐛 #500

Comments

ldstein commented Oct 11, 2021 • edited Loading

What were you trying to do?

Reproduceable Code

What happened instead?

Relevant log output

Device

VisionCamera Version

Additional information

mrousavy commented Oct 11, 2021

mrousavy commented Oct 11, 2021

ldstein commented Oct 13, 2021 • edited Loading

r0b0t3d commented Oct 23, 2021 • edited Loading

iAmGhost commented Oct 27, 2021 • edited Loading

rusakovic commented Nov 3, 2021 • edited Loading

ldstein commented Nov 3, 2021 • edited Loading

rusakovic commented Nov 3, 2021

ldstein commented Nov 3, 2021 • edited Loading

iAmGhost commented Nov 4, 2021

rusakovic commented Nov 6, 2021 • edited Loading

ldstein commented Nov 12, 2021 • edited Loading

mrousavy commented Nov 12, 2021

alexstanbury commented Nov 23, 2021

rusakovic commented Nov 27, 2021

alexstanbury commented Nov 27, 2021

fundon commented Feb 24, 2022

ldstein commented Oct 11, 2021 •

edited

Loading

ldstein commented Oct 13, 2021 •

edited

Loading

r0b0t3d commented Oct 23, 2021 •

edited

Loading

iAmGhost commented Oct 27, 2021 •

edited

Loading

rusakovic commented Nov 3, 2021 •

edited

Loading

ldstein commented Nov 3, 2021 •

edited

Loading

ldstein commented Nov 3, 2021 •

edited

Loading

rusakovic commented Nov 6, 2021 •

edited

Loading

ldstein commented Nov 12, 2021 •

edited

Loading