react-native-svg-transformer
react-native-svg-transformer copied to clipboard
Paints all svg blue
If svg has more than two colors and I do not specify color, then my svg is painted blue -_-
Render:
How should it look:
metro.config.js
const { getDefaultConfig } = require('metro-config');
const { resolver: defaultResolver } = getDefaultConfig.getDefaultValues();
module.exports = {
transformer: {
babelTransformerPath: require.resolve('react-native-svg-transformer'),
getTransformOptions: async () => ({
transform: {
experimentalImportSupport: false,
inlineRequires: true,
},
}),
},
resolver: {
...defaultResolver,
assetExts: defaultResolver.assetExts.filter(ext => ext !== 'svg'),
sourceExts: [...defaultResolver.sourceExts, 'cjs', 'svg'],
},
};
env
"react-native": "0.70.6", "react-native-svg": "~13.4.0", "react-native-svg-transformer": "^1.0.0",