kristerkari / react-native-svg-transformer

Import SVG files in your React Native project the same way that you would in a Web application.
MIT License
1.55k stars 117 forks source link

Paints all svg blue #234

Open VictorPulzz opened 1 year ago

VictorPulzz commented 1 year ago

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