[windows] [RNW] boxes instead of icons

[Victor0814gui]

Hey guys, I recently tested react-native-vector-icons for my windows project (compiled from source code, and also using nuget), and I had a bug in the cppwinrt version, instead of showing icons, boxes appear,

I'm using:

• "react-native": "70.6"
• "react-native-windows": "70.10"
• "react-native-vector-icons": "^9.2.0",

operational systems

windows 10

winrt version

CppWinRT.2.0.210629.2

[imdarkk]

Hey, did you try stopping and re-starting your application?

[Victor0814gui]

Hey, did you try stopping and re-starting your application?

yes, including resetting the visual studio cache, and even running it from the CLI, I created two other projects, and repeated the same process, including deleting the node_modules, x64, gerenated files folder, but the error persisted

[lhamadopagode]

I'm having this issue too, Troubleshooting section didn't help. 😞

[Victor0814gui]

@lhamadopagode currently the tag on windows supports svg files, however you have to disable the react-native-sv-transformer lib in your metro.config.js or related file, for it to work on windows, but to make it cross-platform what did i check to make this available on android/ios

[Victor0814gui]

after some tests in previous versions, I got this to work, and I did it in version 0.69, but I didn't test it using [nuget], nor with my app in version 0.70 using [nuget] it didn't work

it worked in version 0.69, I'll try to investigate further and find out if this is a bug

[Victor0814gui]

testing again with react-native-windows^0.71.0 nuget, I managed to make the icons render correctly, as the icons must be strictly inside the Assets, with underlying directories did not work

path - "windows/projectName/Assets/"