barcode-scanner | QuaggaJS wrapped in a Polymer element | Web Framework 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 =>

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.

Well, well! so now I understand what is the problem, first I think you have these 2 files in one component, if yes, it would be like this.

first, import your Scanner.js in the Order.js component. like this.

I fixed it by removing top: 30, from titleWrapper. The title is now offset in develop mode, but it at least looks correct in the production build

You are using props wrong way. props is one object, just update like this.