85 lines
27 KiB
JSON
85 lines
27 KiB
JSON
|
{
|
||
|
"_args": [
|
||
|
[
|
||
|
{
|
||
|
"raw": "react-native-svg@https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"scope": null,
|
||
|
"escapedName": "react-native-svg",
|
||
|
"name": "react-native-svg",
|
||
|
"rawSpec": "https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"spec": "https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"type": "remote"
|
||
|
},
|
||
|
"/home/jdaugherty/work/GT2/GT2-Android/node_modules/expo"
|
||
|
]
|
||
|
],
|
||
|
"_from": "https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"_id": "react-native-svg@5.5.1",
|
||
|
"_inCache": true,
|
||
|
"_location": "/react-native-svg",
|
||
|
"_phantomChildren": {},
|
||
|
"_requested": {
|
||
|
"raw": "react-native-svg@https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"scope": null,
|
||
|
"escapedName": "react-native-svg",
|
||
|
"name": "react-native-svg",
|
||
|
"rawSpec": "https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"spec": "https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"type": "remote"
|
||
|
},
|
||
|
"_requiredBy": [
|
||
|
"/expo"
|
||
|
],
|
||
|
"_resolved": "https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"_shasum": "0c6e373dbe63cfcbdd465f5b2965ebe011c8962f",
|
||
|
"_shrinkwrap": null,
|
||
|
"_spec": "react-native-svg@https://github.com/expo/react-native-svg/archive/5.5.1-exp.1.tar.gz",
|
||
|
"_where": "/home/jdaugherty/work/GT2/GT2-Android/node_modules/expo",
|
||
|
"bugs": {
|
||
|
"url": "https://github.com/magicismight/react-native-svg/issues"
|
||
|
},
|
||
|
"dependencies": {
|
||
|
"color": "^2.0.1",
|
||
|
"lodash": "^4.16.6"
|
||
|
},
|
||
|
"description": "SVG library for react-native",
|
||
|
"devDependencies": {
|
||
|
"babel-eslint": "^6.1.2",
|
||
|
"eslint": "^2.13.1",
|
||
|
"eslint-plugin-react": "^4.3.0",
|
||
|
"react": "16.0.0-beta.5",
|
||
|
"react-native": "^0.49.0"
|
||
|
},
|
||
|
"homepage": "https://github.com/magicismight/react-native-svg#readme",
|
||
|
"keywords": [
|
||
|
"react-component",
|
||
|
"react-native",
|
||
|
"ios",
|
||
|
"android",
|
||
|
"SVG",
|
||
|
"ART",
|
||
|
"VML",
|
||
|
"gradient"
|
||
|
],
|
||
|
"license": "MIT",
|
||
|
"main": "./index.js",
|
||
|
"name": "react-native-svg",
|
||
|
"nativePackage": true,
|
||
|
"optionalDependencies": {},
|
||
|
"peerDependencies": {
|
||
|
"react-native": ">=0.50.0",
|
||
|
"react": "*",
|
||
|
"prop-types": "^15.5.8"
|
||
|
},
|
||
|
"readme": "## react-native-svg\n\n[![Version](https://img.shields.io/npm/v/react-native-svg.svg)](https://www.npmjs.com/package/react-native-svg)\n[![NPM](https://img.shields.io/npm/dm/react-native-svg.svg)](https://www.npmjs.com/package/react-native-svg)\n\n`react-native-svg` is built to provide a SVG interface to react native on both iOS and Android.\n\n[Check out the demo](https://getexponent.com/@rncommunity/react-native-svg-examples).\n\n## Features\n\n1. Supports most SVG elements and properties (Rect, Circle, Line, Polyline, Polygon, G ...).\n2. Easy to convert SVG code into ReactNative code.\n\n### Installation\n\n#### Automatic\n\n*With Expo, this is pre-installed. Jump ahead to [Usage](#Usage)*\n\n1. Install library from `npm`\n\n ```bash\n npm install react-native-svg --save\n ```\n \n # NOTICE:\n \n - react-native-svg >= 3.2.0 only supports react-native >= 0.29.0\n - react-native-svg >= 4.2.0 only supports react-native >= 0.32.0\n - react-native-svg >= 4.3.0 only supports react-native >= 0.33.0\n - react-native-svg >= 4.4.0 only supports react-native >= 0.38.0 and react >= 15.4.0\n - react-native-svg >= 4.5.0 only supports react-native >= 0.40.0 and react >= 15.4.0\n - react-native-svg >= 5.1.8 only supports react-native >= 0.44.0 and react == 16.0.0-alpha.6\n - react-native-svg >= 5.2.0 only supports react-native >= 0.45.0 and react == 16.0.0-alpha.12\n - react-native-svg >= 5.3.0 only supports react-native >= 0.46.0 and react == 16.0.0-alpha.12\n - react-native-svg >= 5.4.1 only supports react-native >= 0.47.0 and react == 16.0.0-alpha.12\n - react-native-svg >= 5.5.1 only supports react-native >= 0.50.0 and react == 16.0.0\n\n2. Link native code\n\n ```bash\n react-native link react-native-svg\n ```\n\n Or use `rnpm` instead:\n\n ```bash\n rnpm link react-native-svg\n ```\n \n#### Manual\n\n##### Android\n\n1. `npm install react-native-svg --save`\n\n2. Append the following lines to `android/settings.gradle`:\n\n\t```\n\tinclude ':react-native-svg'\n\tproject(':react-native-svg').projectDir = new File(rootProject.projectDir, \t'../node_modules/react-native-svg/android')\n\t```\n \n3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:\n\n\t```\n compile project(':react-native-svg')\n\t```\n\n4. Open up `android/app/src/main/java/[...]/MainApplication.java\n - Add `import com.horcrux.svg.SvgPackage;` to the imports at the top of the file\n - Add `new SvgPackage()` to the list returned by the `getPackages()` method. Add a comma to the previous item if there's already something there.\n \n\n### <a name=\"Usage\">Usage</a>\n\nHere's a simple example. To render output like this:\n\n![SVG example](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenShoots/svg.png)\n\nUse the following code:\n\n```javascript\nimport Svg,{\n Circle,\n Ellipse,\n G,\n LinearGradient,\n RadialGradient,\n Line,\n Path,\n Polygon,\n Polyline,\n Rect,\n Symbol,\n Text,\n Use,\n Defs,\n Stop\n} from 'react-native-svg';\n\nclass SvgExample extends Component {\n render() {\n return (\n <Svg\n height=\"100\"\n width=\"100\"\n >\n <Circle\n cx=\"50\"\n cy=\"50\"\n r=\"45\"\n stroke=\"blue\"\n strokeWidth=\"2.5\"\n fill=\"green\"\n />\n <Rect\n x=\"15\"\n y=\"15\"\n width=\"70\"\n height=\"70\"\n stroke=\"red\"\n strokeWidth=\"2\"\n fill=\"yellow\"\n />\n </Svg>\n );\n }\n}\n```\n\n[Try this on Snack](https://snack.expo.io/r1hCVAaEZ)\n\n### Common props:\n\nName | Default | Description\n----------------|------------|--------------\nfill |
|
||
|
"readmeFilename": "README.md",
|
||
|
"repository": {
|
||
|
"type": "git",
|
||
|
"url": "git+https://github.com/magicismight/react-native-svg.git"
|
||
|
},
|
||
|
"scripts": {
|
||
|
"lint": "eslint ./"
|
||
|
},
|
||
|
"version": "5.5.1"
|
||
|
}
|