{"_id":"@alloc/react-native-svgkit","_rev":"1-c526b6dceb64df6d9aceeb6d0aef8c4b","name":"@alloc/react-native-svgkit","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@alloc/react-native-svgkit","version":"1.0.0","main":"lib/index.js","description":"SVG support for react-native-macos","repository":{"type":"git","url":"git+https://github.com/alloc/react-native-svgkit.git"},"scripts":{"build":"tsc -p .","prepare":"indo"},"peerDependencies":{"react-native-macos":">=0.19.0"},"devDependencies":{"@types/react":"^16.8.6","indo":"^0.2.10","prettier":"^1.16.4","react-native-macos":"^0.19.0","typescript":"^3.3.3333"},"gitHead":"42f1067014f86bfe22387063613855e7cf46d8ef","bugs":{"url":"https://github.com/alloc/react-native-svgkit/issues"},"homepage":"https://github.com/alloc/react-native-svgkit#readme","_id":"@alloc/react-native-svgkit@1.0.0","_nodeVersion":"11.10.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IAncqXtC1xk1uzLrPGYXOUbNEjWu5zFH1XagizZ8+8BHVAaAsLyBqqkBTJJeOQMz+ZgQbpssf8npYkv690x9xw==","shasum":"25e2d0b854efbdf5df0519e1e8b29625ed339d3d","tarball":"https://registry.npmjs.org/@alloc/react-native-svgkit/-/react-native-svgkit-1.0.0.tgz","fileCount":364,"unpackedSize":18523018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsKUBCRA9TVsSAnZWagAARgIP/1qgta0pmlsLhCXY35N+\nrfl+Eh7zxACtvIpz90Fr2joj0xYiLtyRvOTfjSj3XWZcBjO5x9iW2ADlXuOP\nTxbQ9k9XiSlqiqavbLRfkFxXntHMV8j8QyWG+sVjdCGzCku10g1OuCnxX3jI\nUZ3eJj3w4BBsDy4BJ5meH6StvX1QVNGpt0EXQdwBlJ8/foLYC4Yu3CwqLT6+\nyWYUKK4QTMwWnKVIBoyABqiDvcRVittf83AB8cOn+5chnZ/DgPB1MmsEuOYp\nVjcCzUD1AG0uYjhZfZ1zUyhuCl5AzC5mjSDFn/crXdR12a4dnqY6EseulGMQ\npJSyvZDkwT2qClNbH82PIWV1p9Dp7sjOozLR4w20DXXr6DkxmKQ0DsQ8BeyV\nC/Q1QEny4OUDOI8ShqUxdq+7w2x3Yfw7I0T/8vqAAVX8fIvVHBf5NdR+/g8q\ny2eiRj9dOqWdtcJRZQg/4adXHsvPAuRC5oj4AGib+rrqeA8NnN8ozqtbTWrg\nX8VX2yJcSv2ZraEM/mfP6XSV8h3NoUH4u/yIWBjyKxtLumw2Krc8e/1roQ+i\nJg4Drs608ep0SiV6HlEBRh8XMKH/JSk1tT4LuC84a34ZO2TvVfGcDXzHlfKj\n6x2Xj/OLH2bM8gMahpYgzDQmkLubeMCiZwF+q9gZdoVvn1dqvwT/yMvUgKJc\ndkqw\r\n=jhyq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBZc66DBXU/0qE5ZnGc/+nvG/1/3sS5pD0ZV/MTaZvPoAiEArSl5qC4ZYLN+14wE6YQV+eUkUKCy+Tko3zmlVIPudbM="}]},"maintainers":[{"name":"aleclarson","email":"alec.stanford.larson@gmail.com"}],"_npmUser":{"name":"aleclarson","email":"alec.stanford.larson@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-svgkit_1.0.0_1571857664659_0.1864424924817456"},"_hasShrinkwrap":false}},"time":{"created":"2019-10-23T19:07:44.473Z","1.0.0":"2019-10-23T19:07:45.076Z","modified":"2022-04-04T13:33:41.047Z"},"maintainers":[{"name":"aleclarson","email":"alec.stanford.larson@gmail.com"}],"description":"SVG support for react-native-macos","homepage":"https://github.com/alloc/react-native-svgkit#readme","repository":{"type":"git","url":"git+https://github.com/alloc/react-native-svgkit.git"},"bugs":{"url":"https://github.com/alloc/react-native-svgkit/issues"},"readme":"# @alloc/react-native-svgkit\n\nSVG support for [react-native-macos](https://github.com/ptmt/react-native-macos)\n\nTypeScript definitions included!\n\n&nbsp;\n\n## Install\n\n```sh\nnpm install @alloc/react-native-svgkit\n```\n\n1. Add `macos/RNSVGKit.xcodeproj` to your project\n\n2. Add these frameworks to your project:\n  - libxml2.tbd\n  - AppKit.framework\n  - QuartzCore.framework\n  - CoreGraphics.framework\n  - ./SVGKit/3rd-party-frameworks/CocoaLumberjack-2.2.0/Mac/CocoaLumberjack.framework\n\n3. Add `CocoaLumberjack.framework` to \"General > Embedded Binaries\" under your target\n\n&nbsp;\n\n## Usage\n\n```ts\nimport {SVGKView} from '@alloc/react-native-svgkit'\n\n// Control the width without needing to know the aspect ratio.\n<SVGKView style={{width: 50}} data=\"...\" />\n\n// Explicit size is optional.\n<SVGKView source={require('./foo.svg')} />\n```\n\nAny `<View>` prop can be passed to `<SVGKView>`.\n\nWhen neither `props.style.width` nor `props.style.height` is defined, the `<SVGKView>` fills its parent (while preserving its aspect ratio).\n\n### props.data\n\nThe string of SVG markup. This always overrides the `source` prop.\n\nLoading of the `source` prop is cancelled when the `data` prop is set.\n\n### props.source\n\nThe reference to an SVG, either local or remote.\n\nFor local SVGs: `require('./foo.svg')`\n\nFor remote SVGs: `{ uri: 'https://foo.com/bar.svg' }`\n\nLoading is cancelled whenever the `source` prop changes.\n\nThe previous image is cleared immediately whenever the `data` or `source` props change.\n\n### props.tintColor\n\nOverride the `fillColor` and/or `strokeColor` of every shape in the SVG.\n\n### props.anchorPoint\n\nAfter the SVG is resized to fit its view, it gets aligned based on the difference between its view size and image size.\n\nDefaults to `{x: 0.5, y: 0.5}` (center alignment)\n\n### props.onLoadStart\n\nCalled when the `source` prop begins loading.\n\n### props.onError\n\nCalled when either (1) the `source` prop failed to load, or (2) the SVG markup has a syntax error.\n\nSyntax errors in the `data` prop are included.\n\nPassed an object like `{ nativeEvent: { error: string } }`\n\n### props.onLoad\n\nCalled once the `source` prop has been loaded and rendered without error.\n\n### props.onLoadEnd\n\nCalled when the `source` prop either (1) fails to load or (2) is rendered.\n","readmeFilename":"README.md"}