code-scanner | Code scanner library for Android | Barcode Processing library

can you give your

• package.json
• node version

I think that's because of the babel issue / your node version, because it cannot transpile the optional chaining https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

maybe tried using latest LTS node version? because as far as I know, the latest LTS node version already support optional chaining

How about toggling some kind of waiting period while the data is actually getting sent to your server via the POST in a synchronous matter to stop the scan and then reactivate it right after?

I don't have the chance to test it on an actual device and replicate it to the precise bit but I hope you'll get the gist of it:

Welcome @Backup Gov18,

This is a documented issue.

Note: Only one active BarCodeScanner preview is supported currently. When using navigation, the best practice is to unmount any previously rendered BarCodeScanner component so the following screens can use without issues.

There is a workaround.

Instead of conditionally rendering the component, you could render it inside another dedicated screen component.

This way, after this new screen reads the barcode, you could navigate back to your first screen. Navigating back may unmount this new screen. You can force unmount if you need to.

As you are using react-navigation, you had better use .pop() instead of goBack().

You can also use expo-camera instead of expo-barcode-scanner. expo-camera does not have this issue. It also offers more options like flashlight/torch and switching cameras.

in your code MyBackButton not just a function, it return a view -> crash.

Fix your func MyBackButton =>

Is there a specific reason you want to use that particular library, or are you using it simply because it is what is covered in the tutorial?

Expo has a barcode scanner library that will perform QR code scanning, here is the documentation: https://docs.expo.dev/versions/latest/sdk/bar-code-scanner/. This library can be used in the managed workflow (which you are using by the sounds of things) and the documentation is pretty straight forward.

Having looked at the library that you want to use, it will require linking which means you will have to eject your project to access the necessary files required for that - if there isn't any particularly requirement for you to use this library specifically, I would suggest steering clear of ejecting if it can be avoided.

Based on your package.json dependencies you dont have the @react-native-async-storage dependency, you have @react-native-community/async-storage, which is the old organisation namespace.

Try doing

Following sample works for me on iOS:

The real reason is the execution of setState is asynchronous. So when you console.log the state just after receiving the api response, You can not see the updated state immediately. For more detail explanation, you can checkout this post.

It seems you need the location variable in distance function only, so just return the location in loadTask function and pass it to the distance function is fine.

You just to do import RecaptchaModule where your LoginPage component is imported.