You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Using react-native-svg on react-native-windows. The same files are very clear in IOS and Android, but blurred in react-native-windows
Unexpected behavior
Blurry svgs in react-native-windows, they are not clear as in Android and IOS
react-native init CleanProject
cd CleanProject/
react-native-windows-init
yarn add react-native-svg
npx react-native autolink-windows
modify App.js and add svg-> run the app on both Platforms, Windows and (android/ios)
Environment info
React native info output:
ystem:
OS: Windows 11 10.0.22621
CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz
Memory: 2.09 GB / 15.71 GB
Binaries:
Node:
version: 20.13.1
path: C:\Program Files\nodejs\node.EXE
Yarn:
version: 1.22.22
path: ~\Desktop\ReactNativeWindows\UnblocVpn\node_modules\.bin\yarn.CMD
npm:
version: 10.7.0
path: C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK: Not Found
Windows SDK:
AllowDevelopmentWithoutDevLicense: Enabled
AllowAllTrustedApps: Enabled
Versions:
- 10.0.18362.0
- 10.0.19041.0
- 10.0.22621.0
IDEs:
Android Studio: AI-233.14808.21.2331.11709847
Visual Studio:
- 17.9.34728.123 (Visual Studio Community 2022)
Languages:
Java: Not Found
Ruby: Not Found
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.73.8
wanted: ^0.73.0
react-native-windows:
installed: 0.73.13
wanted: 0.73.13
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: Not found
newArchEnabled: Not found
Library version: 15.3.0
##Expected Result
Clear Svg icons as in Mobile platform
##Actual Result
Blurry icons and not clear as IOS and Android
react native svg on React Native Windows
react native svg on React Native (IOS)
The text was updated successfully, but these errors were encountered:
Bug
Using react-native-svg on react-native-windows. The same files are very clear in IOS and Android, but blurred in react-native-windows
Unexpected behavior
Blurry svgs in react-native-windows, they are not clear as in Android and IOS
Environment info
React native info output:
Library version: 15.3.0
##Expected Result
Clear Svg icons as in Mobile platform
##Actual Result
Blurry icons and not clear as IOS and Android
react native svg on React Native Windows
![Screenshot 2024-05-23 180525](https://private-user-images.githubusercontent.com/37023744/333199192-29983a1d-e720-4e8d-bddd-44d21b8ab523.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI2NDgyMDksIm5iZiI6MTcyMjY0NzkwOSwicGF0aCI6Ii8zNzAyMzc0NC8zMzMxOTkxOTItMjk5ODNhMWQtZTcyMC00ZThkLWJkZGQtNDRkMjFiOGFiNTIzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODAzVDAxMTgyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThjNzc2YTg2NDNmMzlkNGViNjY5M2YyMjAwZjc1MjFjYTUxYmYxNjBkMDgzNWQzNzYyZTJlMGE5MWY5Y2Y5NWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.WF1Mkt3OZhtMVhoSZe-pBw9ZHXhGW5jhDYZArsyCxq0)
react native svg on React Native (IOS)
![IMG_2288](https://private-user-images.githubusercontent.com/37023744/333199503-271d68cd-b172-4d74-bc0b-3290d6525f30.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI2NDgyMDksIm5iZiI6MTcyMjY0NzkwOSwicGF0aCI6Ii8zNzAyMzc0NC8zMzMxOTk1MDMtMjcxZDY4Y2QtYjE3Mi00ZDc0LWJjMGItMzI5MGQ2NTI1ZjMwLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODAzVDAxMTgyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFjYTVlMTA2ZTNiMDQwMGIwNDY3MDNmYjhkNzI3NDg1NjhhODllZGFiMzM5NjU5MGU3NDRiZDY2NTQ3Y2NmNzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.dQxjoYSVSFc8_fjw-PJlyyWEQMxmJxJ41toGxqlhRuU)
The text was updated successfully, but these errors were encountered: