"React Native Skia Compatibility Issue: Working on Galaxy A5, Failing on Galaxy S22 Ultra"

[hussainabuhajjaj]

"I am using React Native Skia with Expo for an Android app invitation designer, and I've encountered an issue where it works perfectly fine on a Samsung Galaxy A5, but fails to work on the Samsung Galaxy S22 Ultra. The app functions as expected on the Galaxy A5, but when running on the Galaxy S22 Ultra, it doesn’t render as intended, possibly due to device-specific compatibility issues or performance constraints. I need help identifying the cause of this discrepancy and how to resolve it so that it works seamlessly across different Samsung devices, especially the Galaxy S22 Ultra."

This version highlights the comparison between the two devices and points out the need for help in resolving device-specific issues.
App apk
In this video it shows the app am trying to use edit elements feature to change color of text or even shape but its not working on my s22 ultra phone.
Main while it's working fine on A5s Galaxy

VID_20250115_045329_124.mp4

https://sendgb.com/OP7sNUzT825

[Thanisthani]

What versions of React Native Skia, React Native Gesture Handler, and React Native Reanimated are you using?

[hussainabuhajjaj]

name": "halaqr",
"main": "expo-router/entry",
"version": "1.0.0",
"scripts": {
"start": "expo start",
"android": "expo run:android",
"ios": "expo run:ios",
"web": "expo start --web",
"test": "jest --watchAll"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@expo/metro-runtime": "~4.0.0",
"@expo/vector-icons": "^14.0.3",
"@react-native-async-storage/async-storage": "^1.23.1",
"@react-native-community/datetimepicker": "^8.2.0",
"@react-native-community/slider": "4.5.5",
"@react-navigation/native": "^6.1.18",
"@shopify/react-native-skia": "^1.7.5",
"axios": "^1.7.7",
"expo": "^52.0.19",
"expo-av": "~15.0.1",
"expo-contacts": "^14.0.2",
"expo-font": "~13.0.1",
"expo-image-picker": "^16.0.3",
"expo-linear-gradient": "~14.0.1",
"expo-linking": "~7.0.3",
"expo-media-library": "~17.0.3",
"expo-router": "~4.0.11",
"expo-sharing": "~13.0.0",
"expo-splash-screen": "^0.29.18",
"expo-video": "^2.0.3",
"i18next": "^23.16.5",
"intl-pluralrules": "^2.0.1",
"its-fine": "^1.2.5",
"lucide-react-native": "^0.468.0",
"react": "^18.3.1",
"react-i18next": "^15.1.1",
"react-native": "^0.76.3",
"react-native-calendars": "^1.1306.0",
"react-native-dropdown-picker": "^5.4.6",
"react-native-gesture-handler": "~2.20.2",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-paper": "^5.12.5",
"react-native-reanimated": "~3.16.1",
"react-native-render-html": "^6.3.4",
"react-native-safe-area-context": "^4.12.0",
"react-native-screens": "~4.1.0",
"react-native-skia-gesture": "^0.3.6",
"react-native-svg": "^15.8.0",
"react-native-vector-icons": "^10.2.0",
"react-native-web": "~0.19.13",
"react-native-webview": "13.12.5",
"reanimated-color-picker": "^3.0.6"
},
"devDependencies": {
"@babel/core": "^7.20.0",
"@types/react": "~18.3.12",
"jest": "^29.2.1",
"jest-expo": "~52.0.2",
"react-native-svg-transformer": "^1.5.0"
},
"private": true

[hussainabuhajjaj]

https://github.com/mahm0udsaad/Hala-qr.git

Here is the repository as well

[wcandillon]

This issue is fixed on 1.7.7 and onwards.

[hussainabuhajjaj]

Will try it and get back to you