I am developing a web app with react native for web, and I want to scan qrcode but it does not work, without errors.
I put the codes on snack, ran it on mobile with Expo Go, it worked perfectly. However, when I published it on github web, and open it with mobile browser (iOS Safari), the camera worked normally, but no qrcode was read (just no reponse when I put a qrcode inside).
Code info:
I referred sample code on expo-camera and expo-barcode-scanner. Since expo-barcode-scanner does not support web, I imported expo-camera only.
Version info:
"expo": "~42.0.1"
"expo-camera": "~11.2.2"
"expo-status-bar": "~1.0.4"
"react": "16.13.1"
"react-dom": "16.13.1"
"react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz"
"react-native-web": "~0.13.12"
Also, I checked this issue, and tried the followings:
open /node_modules/expo-camera/package.json, set "#koale/useworker" to "4.0.1"
run npm i under root dir
open /node_modules/expo-camera/node_modules/#koale/useworker/package.json, confirmed that the version is 4.0.1
But it still did not work.
I feel confused now, did I take wrong solutions? Is there any workarounds?
Any suggestions would be appreciated.
Related
native developers. I have been developing and maintaining a react-native app for the past four years now. Now I have come to a point where I no longer know a way to debug my app. I am using recent versions of both react-native-reanimated and #react-native-firebase for stability and feature requirements. Both of these libraries have limitations on debugging.
react-native-reanimated uses Turbo Modules and breaks debugging react-native with chrome tools and the great react-native-debugger.
#react-native-firebase above v15.x now requires us to have use_frameworks! in our Podfile which breaks Flipper debugging.
Without these options for debugging, what is left? Is anyone in the same situation and has a solution to debug their react-native app and view their redux state?
I appreciate the help.
My current versions in my app:
"#react-native-firebase/app": "15.5.0",
"react": "18.1.0",
"react-native": "0.70.5",
"react-native-reanimated": "^2.13.0",
please I want to use react-native-track-player to play audios in my app and I also need Expo-av for audio recording in the same app so I installed both libraries but when I tried to generate a development build of the app with EAS the build kept failing with this error
Duplicate class com.google.android.exoplayer2.ui.<class-name> found in modules jetified-exoplayer-ui-2.13.3-runtime (com.google.android.exoplayer:exoplayer-ui:2.13.3) and jetified-exoplayer-ui-r2.17.2-runtime (com.github.doublesymmetry.Exoplayer:exoplayer-ui:r2.17.2)
but when I removed Expo-av the build was successful, which means I can't use both libraries in the project,
please what can I do because I need to record audio in the project and Expo-av seems to be the best library to record audio in Expo managed app
Or are there any other libraries I can use to record audio in a React Native Expo app
You now can use the two libraries together.
Refer back to this: https://github.com/expo/expo/issues/18937
This is my package.jsonand the two work greatly together, both on ios and android.
"expo": "^47.0.3",
"expo-av": "^13.0.1",
"react-native-track-player": "^3.1.0"
I have integrated react-native jitsi sdk in my application. In ios it is working fine, but in android no buttons are working of meeting conference. Can anyone help me how can I fix this issue ?
Configurations :
"react-native": "0.67.2",
"react-native-jitsi-meet": "^2.2.0",
I upgraded the react and react-native for my project. After upgrading the project I got the error from react-native-reanimated. I went through the official website for react-native-reanimated still dont know why I got this error.
Failed to transform react-native-reanimated-65-hermes.aar (project :react-native-reanimated) to match attributes {artifactType=android-manifest}.
"react": "17.0.2",
"react-native": "0.65.0"
Thanks!!
Just downloaded the newest version of Expo XDE(2.20.1) and trying to convert an existing react native project into it. I followed precisely these steps, and when opening the app in Expo client on a real device, I got an error saying:
undefined is not an object (evaluating 'nativeVersion.major')
The problem happens both on Android and iOS.
Seems expo has a strict requirement of react/react-native versions, but unfortunately, I cannot find the version requirement list.
My current dependencies (which are quite up-to-date) are:
"react": "16.0.0",
"react-native": "0.49.3"
So, does this error indeed came from version conflicts? And if so, how do I solve the problem?
Your JS dependencies need to match the native code. With Expo SDK 21, which is based off of React Native 0.48, you can either use (recommended):
"react": "16.0.0-alpha.12",
"react-native": "https://github.com/expo/react-native/archive/sdk-21.0.2.tar.gz",
or:
"react": "16.0.0-alpha.12",
"react-native": "^0.48.4",
It's important you are careful with the versions when you update your dependencies. The upcoming React Native 0.49 (supported with Expo SDK 22) needs to use React 16.0.0-beta.5.
It might be easiest to create a new Expo project from scratch, then copy over your components. I've done this several times myself, and it's far easier than fighting whatever edge condition has affected you.
Remove your iOS build (./app/ios/build) folder and re-build.