I am trying to load Local SVG's with help of react-native-svg and react-native-svg-transformeras mentioned in the docs. But on both android and iOS , I am getting below error: . I have also added the metro config but still issue exsits.
Kindly let me know what could I be missing here, running this on M1 Mac.
Also gone thru this post to load SVG but still same error.
"react-native-svg": "12.3.0",
"react-native-svg-transformer": "1.0.0",
Thanks
Related
I am facing the error below in the picture when I am trying to build my react-native app on android emulator.
To give more detail it gets stuck in configuring phase when performing:
(:react-native-reanimated > Resolve dependencies of :react-native-reanimated:classpath > gradle-7.3.0.pom)
(By the way, ios simulator works perfectly fine!)
Version of the packages that I am using:
"react-native": "0.70.1",
"react-native-reanimated": "^2.13.0"
Can anyone help me with this?
Well I am going to post the answer myself, but this will only be useful for developers who work in locations in which google services like Android are sanctioned.
The problem was simply my internet connection being unable to download the react-native-reanimated:classpath.
So to solve this issue or any other similar issue in the configuration phase, you have to use a VPN to change the source of request to be able to download the required packages to get your build.
I'm new to react native. I'm familiar with react.
I'm using Expo. Running npm start and then running iOS simulator from the menu has been working just fine until recently. When running npm start, console prints something like:
Metro waiting on exp+jorato://expo-development-client/url=http%3A%2F%2F192.168.1.129%3A8081
Previously this was a different url like:
Metro waiting on exp://192.168.1.129:8081
After it has changed to this long url, when trying open the iOS simulator, i get this error:
› Opening on iOS...
› Opening exp+jorato://expo-development-client/?url=http%3A%2F%2F192.168.1.129%3A8081 on iPhone 13
Device iPhone 13 (B7D52679-208F-49F2-8FF6-9E2CC4A47073) has no app to handle the URI: exp+jorato://expo-development-client/?url=http%3A%2F%2F192.168.1.129%3A8081
"jorato" comes from my app.json setting frome "scheme" under "expo":
"expo": {
"name": "Jorato",
"slug": "jorato",
"version": "1.0.0",
"scheme": "jorato",
...
I've been searching for documentation of where this url comes from with no luck. Anyone who could point me in right direction would be much appreciated.
Update: Found https://docs.expo.dev/development/development-workflows/, which defines that deep links use:
{scheme}://expo-development-client/?url={manifestUrl}
URL scheme of your client (defaults to exp+{slug} where slug is the value set in your app.json)
This seems consistent with what i'm getting. So must be something else that's the problem.
It seems that combined with the knowledge gained here https://docs.expo.dev/development/development-workflows/ that the problem is related to having a prior ios build and then that being deleted but not being done correctly. I've made a new build and am no longer getting this issue. Not completely sure what the reason was.
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.
Ive just upgraded react-native-vector-icons from version 7.1 to 8.0......and now Im getting the following error:
unable to resolve module `./tab-bar-item-ios` from `node_modules\react-native-vector-icons\lib\create-icon-set.js`
None of these files exist:
* node_modules\react-native-vector-icons\lib\tab-bar-item-ios(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx).........etc
Im testing on real Android device, using a windows computer.
Any ideas?
It's a cache problem, you can fix it running:
react-native start --reset-cache
Created this account just to answer your question hehe, i know how frustrating those errors can be.
Did you use caret(^) when specifying version of react-native-vector-icons?
I had same error message and it worked for me after removing '^'
"react-native-vector-icons": "^8.0.0" => "react-native-vector-icons": "8.0.0"
I have developed an app using React-native, now i converted to expo using exp convert. I did all the changes to folder which is need (by following steps in expo-next-steps.txt) but when i run project on expo XDE, i am getting error like
Error: Missing app.json. How to solve this problem? and i used local push notification in react-native app. But in project structure there is file called app.json, still getting this error. i am new to expo, anyone please help me out.
The expo XDK looks for the expo SDK version in the app.json file. Thus, your app.json should look something like :
{
"name": "MyAPP",
"displayName": "MyAPP",
"expo": {
"sdkVersion": "18.0.0"
}
}
Replace the "18.0.0" with your SDK version.
Such error emerges when you create the app using
react-native init
instead of
create-react-native-app
I perceive this as one of the reasons. There may be more such explanations to such occurrences.Happy coding!
I deleted the app.json, restarted and it works in my setup.
You might rename it simply to app.json.orig