Fix doc imports, update example app

.all-contributorsrc

@@ -1,5 +1,5 @@
 {
-  "projectName": "webview",
+  "projectName": "@react-native-community/webview",
   "projectOwner": "react-native-community",
   "repoType": "github",
   "repoHost": "https://github.com",

.github/ISSUE_TEMPLATE/bug-report.md

@@ -39,4 +39,4 @@ If applicable, add screenshots to help explain your problem.
  - OS:
  - OS version:
  - react-native version:
- - webview version:
+ - @react-native-community/webview version:

README.md

@@ -55,12 +55,12 @@ Current Version: ![version](https://img.shields.io/npm/v/webview.svg)
 
 ## Usage
 
-Import the `WebView` component from `webview` and use it like so:
+Import the `WebView` component from `@react-native-community/webview` and use it like so:
 
 ```jsx
 import React, { Component } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 // ...
 class MyWebComponent extends Component {

docs/Custom-Android.md

@@ -176,7 +176,7 @@ To get your native component, you must use `requireNativeComponent`: the same as
 ```javascript
 import React, {Component, PropTypes} from 'react';
 import {requireNativeComponent} from 'react-native';
-import {WebView} from 'webview';
+import {WebView} from '@react-native-community/webview';
 
 export default class CustomWebView extends Component {
   static propTypes = WebView.propTypes;

docs/Getting-Started.md

@@ -2,16 +2,16 @@
 
 Here's how to get started quickly with the React Native WebView.
 
-## 1. Add webview to your dependencies
+## 1. Add @react-native-community/webview to your dependencies
 
 ```
-$ yarn add webview
+$ yarn add @react-native-community/webview
 ```
  (or)
  
  For npm use
 ```
-$ npm install --save webview
+$ npm install --save @react-native-community/webview
 ```
 
 ## 2. Link native dependencies
@@ -21,10 +21,10 @@ From react-native 0.60 autolinking will take care of the link step but don't for
 React Native modules that include native Objective-C, Swift, Java, or Kotlin code have to be "linked" so that the compiler knows to include them in the app.
 
 ```
-$ react-native link webview
+$ react-native link @react-native-community/webview
 ```
 
-_NOTE: If you ever need to uninstall React Native WebView, run `react-native unlink webview` to unlink it._
+_NOTE: If you ever need to uninstall React Native WebView, run `react-native unlink @react-native-community/webview` to unlink it._
 
 ### iOS:
 
@@ -38,10 +38,10 @@ If you wish to use cocoapods and haven't set it up yet, please instead refer to
 
 ### Android:
 
-Android - webview version <6:
+Android - @react-native-community/webview version <6:
 This module does not require any extra step after running the link command 🎉
 
-Android - webview version >=6.X.X:
+Android - @react-native-community/webview version >=6.X.X:
 Please make sure AndroidX is enabled in your project by editting `android/gradle.properties` and adding 2 lines:
 
 ```
@@ -55,13 +55,13 @@ For Android manual installation, please refer to [this article](https://engineer
 
 Cocoapod and autolinking is not yet support for react-native macOS but is coming soon.  In the meantime you must manually link.
 
-The method is nearly identical to the [manual linking method for iOS](https://facebook.github.io/react-native/docs/linking-libraries-ios#manual-linking) except that you will include the `node_modules/webview/macos/RNCWebView.xcodeproj` project in your main project and link the `RNCWebView-macOS.a` library. 
+The method is nearly identical to the [manual linking method for iOS](https://facebook.github.io/react-native/docs/linking-libraries-ios#manual-linking) except that you will include the `node_modules/@react-native-community/webview/macos/RNCWebView.xcodeproj` project in your main project and link the `RNCWebView-macOS.a` library. 
 
 ## 3. Import the webview into your component
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyWeb extends Component {
   render() {
@@ -79,7 +79,7 @@ Minimal example with inline HTML:
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyInlineWeb extends Component {
   render() {

docs/Guide.md

@@ -22,7 +22,7 @@ The simplest way to use the WebView is to simply pipe in the HTML you want to di
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyInlineWeb extends Component {
   render() {
@@ -44,7 +44,7 @@ This is the most common use-case for WebView.
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyWeb extends Component {
   render() {
@@ -61,7 +61,7 @@ Sometimes you would have bundled an HTML file along with the app and would like
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 const myHtmlFile = require("./my-asset-folder/local-site.html");
 
@@ -78,7 +78,7 @@ However on Android, you need to place the HTML file inside your android project'
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyWeb extends Component {
   render() {
@@ -95,7 +95,7 @@ Sometimes you want to intercept a user tapping on a link in your webview and do
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyWeb extends Component {
   webview = null;
@@ -196,7 +196,7 @@ Add permission in AndroidManifest.xml:
 File Upload using `<input type="file" />` is not supported for Android 4.4 KitKat (see [details](https://github.com/delight-im/Android-AdvancedWebView/issues/4#issuecomment-70372146)):
 
 ```
-import { WebView } from "webview";
+import { WebView } from "@react-native-community/webview";
 
 WebView.isFileUploadSupported().then(res => {
   if (res === true) {
@@ -265,7 +265,7 @@ This is a script that runs immediately after the web page loads for the first ti
 ```jsx
 import React, { Component } from 'react';
 import { View } from 'react-native';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 export default class App extends Component {
   render() {
@@ -306,7 +306,7 @@ This is a script that runs **before** the web page loads for the first time. It
 ```jsx
 import React, { Component } from 'react';
 import { View } from 'react-native';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 export default class App extends Component {
   render() {
@@ -338,7 +338,7 @@ While convenient, the downside to the previously mentioned `injectedJavaScript`
 ```jsx
 import React, { Component } from 'react';
 import { View } from 'react-native';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 export default class App extends Component {
   render() {
@@ -386,7 +386,7 @@ You _must_ set `onMessage` or the `window.ReactNativeWebView.postMessage` method
 ```jsx
 import React, { Component } from 'react';
 import { View } from 'react-native';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 export default class App extends Component {
   render() {

docs/README.portuguese.md

@@ -57,7 +57,7 @@ Importe o componente `WebView` de `webview` e use assim:
 ```jsx
 import React, { Component } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import { WebView } from 'webview';
+import { WebView } from '@react-native-community/webview';
 
 // ...
 class MyWebComponent extends Component {

example/ios/Podfile

@@ -5,7 +5,7 @@ project './example.xcodeproj'
 
 target 'example' do
   # Pods for example
-  pod 'webview', :path => "../.."
+  pod 'react-native-webview', :path => "../.."
   pod 'FBLazyVector', :path => "../../node_modules/react-native/Libraries/FBLazyVector"
   pod 'FBReactNativeSpec', :path => "../../node_modules/react-native/Libraries/FBReactNativeSpec"
   pod 'RCTRequired', :path => "../../node_modules/react-native/Libraries/RCTRequired"

example/ios/Podfile.lock

@@ -182,7 +182,7 @@ PODS:
     - React-cxxreact (= 0.61.5)
     - React-jsi (= 0.61.5)
   - React-jsinspector (0.61.5)
-  - webview (8.0.6):
+  - react-native-webview (8.1.0):
     - React
   - React-RCTActionSheet (0.61.5):
     - React-Core/RCTActionSheetHeaders (= 0.61.5)
@@ -238,7 +238,7 @@ DEPENDENCIES:
   - React-jsi (from `../../node_modules/react-native/ReactCommon/jsi`)
   - React-jsiexecutor (from `../../node_modules/react-native/ReactCommon/jsiexecutor`)
   - React-jsinspector (from `../../node_modules/react-native/ReactCommon/jsinspector`)
-  - webview (from `../..`)
+  - react-native-webview (from `../..`)
   - React-RCTActionSheet (from `../../node_modules/react-native/Libraries/ActionSheetIOS`)
   - React-RCTAnimation (from `../../node_modules/react-native/Libraries/NativeAnimation`)
   - React-RCTBlob (from `../../node_modules/react-native/Libraries/Blob`)
@@ -285,7 +285,7 @@ EXTERNAL SOURCES:
     :path: "../../node_modules/react-native/ReactCommon/jsiexecutor"
   React-jsinspector:
     :path: "../../node_modules/react-native/ReactCommon/jsinspector"
-  webview:
+  react-native-webview:
     :path: "../.."
   React-RCTActionSheet:
     :path: "../../node_modules/react-native/Libraries/ActionSheetIOS"
@@ -326,7 +326,7 @@ SPEC CHECKSUMS:
   React-jsi: cb2cd74d7ccf4cffb071a46833613edc79cdf8f7
   React-jsiexecutor: d5525f9ed5f782fdbacb64b9b01a43a9323d2386
   React-jsinspector: fa0ecc501688c3c4c34f28834a76302233e29dc0
-  webview: 222d83c9c489e09b5d3541519110a637490ad4fa
+  react-native-webview: 6a787655a50a59c309ea032561ea8a8d8b8d1c45
   React-RCTActionSheet: 600b4d10e3aea0913b5a92256d2719c0cdd26d76
   React-RCTAnimation: 791a87558389c80908ed06cc5dfc5e7920dfa360
   React-RCTBlob: d89293cc0236d9cb0933d85e430b0bbe81ad1d72

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "webview",
+  "name": "@react-native-community/webview",
   "description": "React Native WebView component for iOS, Android, and macOS",
   "main": "index.js",
   "typings": "index.d.ts",

webview.podspec → react-native-webview.podspec

@@ -3,7 +3,7 @@ require 'json'
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 
 Pod::Spec.new do |s|
-  s.name         = package['name']
+  s.name         = "react-native-webview"
   s.version      = package['version']
   s.summary      = package['description']
   s.license      = package['license']