react-native-svg-transformer icon indicating copy to clipboard operation
react-native-svg-transformer copied to clipboard

Paints all svg blue

Open VictorPulzz opened this issue 2 years ago • 0 comments

If svg has more than two colors and I do not specify color, then my svg is painted blue -_-

Render: image

How should it look: image

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",

VictorPulzz avatar Dec 21 '22 12:12 VictorPulzz