mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-06 07:06:11 +00:00
8f1bda4856
Version of #1754 without usage of ComponentViews. It seems like a more proper way, but introduces the necessity of clearing whole state of each component on recycling for it not to be used when view is recycled. Still known problems: We stringify props of type NumberProp since codegen only accepts props of a single type. It is the fastest way of dealing with it, but maybe there could be a better way to handle it. Image resolving should be probably handled the same as in RN core SvgView needs to set opaque = NO so it is does not have black background (it comes from the fact that RCTViewComponentView overrides backgroundColor setter which in turn somehow messes with the view being opaque). All other svg components do it already so maybe it is not such an issue. transform prop won't work when set natively since it is not parsed in Fabric
42 lines
1.1 KiB
JavaScript
42 lines
1.1 KiB
JavaScript
/* eslint-disable import/no-commonjs */
|
|
|
|
const path = require('path');
|
|
const exclusionList = require('metro-config/src/defaults/exclusionList');
|
|
const escape = require('escape-string-regexp');
|
|
const pack = require('../package.json');
|
|
|
|
const root = path.resolve(__dirname, '..');
|
|
|
|
const modules = [
|
|
...Object.keys(pack.peerDependencies),
|
|
];
|
|
|
|
module.exports = {
|
|
projectRoot: __dirname,
|
|
watchFolders: [root],
|
|
|
|
// We need to make sure that only one version is loaded for peerDependencies
|
|
// So we exclude them at the root, and alias them to the versions in example's node_modules
|
|
resolver: {
|
|
blacklistRE: exclusionList(
|
|
modules.map(
|
|
(m) =>
|
|
new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`),
|
|
),
|
|
),
|
|
|
|
extraNodeModules: modules.reduce((acc, name) => {
|
|
acc[name] = path.join(__dirname, 'node_modules', name);
|
|
return acc;
|
|
}, {}),
|
|
},
|
|
|
|
transformer: {
|
|
getTransformOptions: async () => ({
|
|
transform: {
|
|
experimentalImportSupport: false,
|
|
inlineRequires: true,
|
|
},
|
|
}),
|
|
},
|
|
}; |