Tag: react native
-
Apple Pay Icon rounded corners are broken in React Native and Skia
This could happen to any other icon. It turned out that since Skia’s SVG renderer is a subset of the browser SVG rendering. In our case, the issue was that the elements do not inherit the fill of their parent, leading to a ract that is usually transparent to be rendered in black (the default…
-
Local Expo Build for Android Fails (related to google-services.json)
If your Android build is failing and you still have the google-services.json present in your project, remove (or comment out) the entry from the .gitignore while building it. I am using expo with push notifications and constantly face this issue… Update: You can actually commit it to the repo (since the guideline is that this…
-
React Native BottomSheetBackdrop not showing
I am using the BottomSheet and BottomSheetModal (@gorhom/bottom-sheet) in a react native app – it brings the fluid experience a user would expect from a native app. Recently I had an issue with the Backdrop, where it wouldn’t show (I was using it with a BottomSheetModal). It turns out, that to make it render you…
-
Expo run:ios fails with something went wrong in the podfile (in VSCode terminal)
I was trying to create a dev build for an expo app locally by running npx expo run:ios, but this kept failing with the following error: After some time spent debugging, installing a newer ruby version, re-installing cocoapods and nuking whatever cache I could think of, it turned out to be due to the VS…
-
React Native Paper Icons List
Ever wondered what icons are supported by React Native Paper? It turns out, they are using the MaterialDesignCommunityIcons, and you can search through all of them on their website here. Cheers!
-
Adb reverse gives the error: more than one device/emulator
When debugging a ReactNative app on a physical Android device, one can get an error that the device cannot connect to Metro. Usually, the error is related to the port forwarding not being set up (the laptop port 8081 should be exposed to the device port 8081). When you have more than 1 device connected…
-
Just published my first personal Android App
Hey folks, I just released my first personal app to the Google Play Store! It’s an app to group your friends by sport so you can recall who to call when in the mood for a particular activity. Get it from Google Play Store or check the app landing page on sportsmates.app!
-
EAS Build Fails on :app:bundleReleaseJsAndAssets_SentryUpload FAILED
I’m trying to migrate a managed expo app from Expo Classic build to EAS. After doing all the changes mentioned on the Migration to EAS Page, I still got an error while trying to build with `eas build -p android` The error was > Task :app:bundleReleaseJsAndAssets_SentryUpload_24 FAILED[stderr] error: project not found Well, the error seems…
-
React Native Shadow is Missing on iOS but is Okay on Android
In one of our projects, some of the items that had a shadow, was working just fine on Android, but the shadow was missing on iOS. After investigating it, it turned out to be related to the items that had overflow: ‘hidden’, which on iOS resulted in shadow being trimmed. Turns out on iOS, the…
-
SentryError: Native Client is not available, can’t start on native when updating expo-cli to 4.x.x (from version 3.22.3)
TL;DR: Update your metro.config.js to use @expo/metro-config based on the latest guidelines (SDK 40+) – It’s funny when you encounter an error in a project, and after spending a lot of effort researching it, to find out that the cause is the same with a totally different error on a very different project. In my…