{"_id":"react-native-webkit-webview-dotan","_rev":"12163157","name":"react-native-webkit-webview-dotan","description":"Better performance WebView component","dist-tags":{"latest":"0.10.7"},"maintainers":[{"name":"dotansimha","email":"dotansimha@gmail.com"}],"time":{"modified":"2017-12-04T06:56:26.000Z","created":"2017-12-04T06:54:56.730Z","0.10.7":"2017-12-04T06:54:56.730Z"},"users":{},"author":{"name":"Oboo Chin","email":"oboochin@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/react-native-china/react-native-webkit-webview.git"},"versions":{"0.10.7":{"name":"react-native-webkit-webview-dotan","version":"0.10.7","description":"Better performance WebView component","scripts":{"postinstall":"node get_library.js","lint":"eslint ."},"repository":{"type":"git","url":"git+https://github.com/react-native-china/react-native-webkit-webview.git"},"keywords":["react","native","react native","webview","crosswalk","xwalk","android","webkit"],"author":{"name":"Oboo Chin","email":"oboochin@gmail.com"},"contributors":[{"name":"Jordan Sexton","email":"jordan@jordansexton.com"},{"name":"Faruq Rasid","email":"github@ruqqq.sg"},{"name":"Daniel Vicory","email":"dvicory@gmail.com"},{"name":"oboo chin","email":"oboochin@gmail.com"}],"license":"MIT","bugs":{"url":"https://github.com/react-native-china/react-native-webkit-webview/issues"},"dependencies":{"node-wget":"^0.4.2"},"homepage":"https://github.com/react-native-china/react-native-webkit-webview","peerDependencies":{"react":">=16.0.0","prop-types":">=15.6.0","react-native":">=0.32.0"},"devDependencies":{"babel-eslint":"6.1.2","eslint":"3.2.2","eslint-plugin-react":"6.0.0"},"gitHead":"b41c26af0b0f40875dc856e5357df46f1f2ab67f","_id":"react-native-webkit-webview-dotan@0.10.7","_npmVersion":"5.5.1","_nodeVersion":"9.2.0","_npmUser":{"name":"dotansimha","email":"dotansimha@gmail.com"},"dist":{"shasum":"16d0f2778d5ff5f44f2becdd1af1543a10729b9c","size":21239,"noattachment":false,"tarball":"https://registry.npm.taobao.org/react-native-webkit-webview-dotan/download/react-native-webkit-webview-dotan-0.10.7.tgz"},"maintainers":[{"name":"dotansimha","email":"dotansimha@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-webkit-webview-dotan-0.10.7.tgz_1512370494768_0.1321291672065854"},"directories":{},"publish_time":1512370496730,"_hasShrinkwrap":false,"_cnpm_publish_time":1512370496730}},"readme":"# react-native-webkit-webview\n\n[![NPM](https://nodei.co/npm/react-native-webkit-webview.png?downloads=true&stars=true)](https://nodei.co/npm/react-native-webkit-webview/)\n\n\n[![Build Status](https://travis-ci.org/react-native-china/react-native-webkit-webview.svg?branch=master)](https://travis-ci.org/react-native-china/react-native-webkit-webview)\n[![MIT Licence](https://badges.frapsoft.com/os/mit/mit.png?v=103)](https://opensource.org/licenses/mit-license.php)\n[![depedencies](https://david-dm.org/react-native-china/react-native-webkit-webview.svg)](https://github.com/react-native-china/react-native-webkit-webview)\n\nForked from [react-native-webview-crosswalk](https://github.com/jordansexton/react-native-webview-crosswalk)\n\nCross-platform Webview component,With better performance on android.\n\n### Npm scripts sucks.Yarn recommended\n\n### Dependencies\n\n`react-native >=0.32.0`, `react >= 15.3.0`\n\n### Installation\n\n* From the root of your React Native project\n\n```shell\nnpm install react-native-webkit-webview --save\nmkdir android/app/libs\ncp node_modules/react-native-webkit-webview/libs/xwalk_core_library-22.52.561.4.aar android/app/libs/\n```\n\n### Include module in your Android project\n\n* In `android/setting.gradle`\n\n```diff\n...\n+ include ':CrosswalkWebView', ':app'\n+ project(':CrosswalkWebView').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webkit-webview')\n```\n\n### Include libs in your Android project\n\n* In `android/build.gradle`\n\n```diff\n...\nallprojects {\n repositories {\n mavenLocal()\n jcenter()\n\n+ flatDir {\n+ dirs 'libs'\n+ }\n }\n}\n```\n\n* In `android/app/build.gradle`\n\n```diff\n...\ndependencies {\n ...\n+ compile (name: \"xwalk_core_library-22.52.561.4\", ext: \"aar\")\n+ compile project(':CrosswalkWebView')\n}\n```\n\n* Register package :\n\n* In `android/app/src/main/java/com/YOUR_PROJECT_NAME/MainActivity.java`\n\n```diff\n+ import com.jordansexton.react.crosswalk.webview.CrosswalkWebViewPackage;\n\npublic class MainApplication extends Application implements ReactApplication {\n ......\n\n @Override\n protected List getPackages() {\n return Arrays.asList(\n new MainReactPackage(),\n+ new CrosswalkWebViewPackage() // <--- add this line\n );\n }\n\n ......\n\n}\n```\n\n#### Usage\n\n```javascript\n// DemoComponents.js\nimport React,{ Component } from 'react'\nimport { View,TouchableHighlight,Text } from 'react-native'\nimport WebkitView from 'react-native-webkit-webview'\n\nimport localDemoPage from './demoPage.html'\n\nexport default class DemoComponents extends Component{\n render(){\n return (\n \n \n Tell webpage some message\n \n { this.webkitView = webkitView } }\n />\n \n )\n }\n\n passMessageToWebpage = () => {\n this.webkitView.postMessage('hello there')\n }\n\n messageHandler = (ev) => {\n console.log(ev)\n }\n}\n```\n\n```html\n\n\n\n\n \n Document\n\n\n \n\n\n\n```\n\n\n\n## License\nMIT\n","_attachments":{},"homepage":"https://github.com/react-native-china/react-native-webkit-webview","bugs":{"url":"https://github.com/react-native-china/react-native-webkit-webview/issues"},"license":"MIT"}