Merge branch 'CRAlpha-master'

Author: ll0jj0xx0

README.md

@@ -29,7 +29,7 @@ import WKWebView from 'react-native-wkwebview-reborn';
 
 Try replacing your existing `WebView` with `WKWebView` and it should work in most cases.
 
-If your React Native < 0.40, please use **0.x.x** versions.
+For React Native >= 0.57, use version 2.x; for React Native < 0.40, use version 0.x.
 
 ### Compatibility with UIWebView
 
@@ -43,16 +43,16 @@ WKWebView aims to be a drop-in replacement for UIWebView. However, some legacy U
 
 A callback to get the loading progress of WKWebView. Derived from [`estimatedProgress`](https://developer.apple.com/library/ios/documentation/WebKit/Reference/WKWebView_Ref/#//apple_ref/occ/instp/WKWebView/estimatedProgress) property.
 
-- **onNavigationResponse**
-
-A callback to get response headers, http status code and http localized status code.
-
 ```js
 <WKWebView onProgress={(progress) => console.log(progress)} />
 ```
 
 `progress` is a double between 0 and 1.
 
+- **onNavigationResponse**
+
+A callback to get response headers, http status code and http localized status code.
+
 - **openNewWindowInWebView**
 
 If set to true, links with `target="_blank"` or `window.open` will be opened in the current webview, not in Safari. Default is false.
@@ -96,6 +96,10 @@ This property specifies how the safe area insets are used to modify the content
 
 Enables focusing an input inside a webview and showing the keyboard *programatically*. **New in 1.20.0**
 
+- **keyboardDismissMode**
+
+Sets the manner in which the keyboard is dismissed when a drag begins in the scroll view. Possible values are "none", "on-drag" and "interactive". Default to "none".
+
 - **injectJavaScript, injectJavaScriptForMainFrameOnly**
 
 Add JavaScript at document start, see [WKUserScriptInjectionTimeAtDocumentStart](https://developer.apple.com/documentation/webkit/wkuserscriptinjectiontime/wkuserscriptinjectiontimeatdocumentstart?language=objc). **New in 1.20.0**
@@ -104,6 +108,10 @@ Add JavaScript at document start, see [WKUserScriptInjectionTimeAtDocumentStart]
 
 Add JavaScript at document end. Since 1.20.0, the implementation has been changed to use WKUserScript.
 
+- **allowsBackForwardNavigationGestures**
+
+Enable horizontal swipe gestures will trigger back-forward navigations. Derived from [`allowsBackForwardNavigationGestures`](https://developer.apple.com/documentation/webkit/wkwebview/1414995-allowsbackforwardnavigationgestu) property.
+
 #### Currently supported props are:
 
 - automaticallyAdjustContentInsets

WKWebView.ios.js

@@ -18,7 +18,7 @@ import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource'
 import deprecatedPropType from 'react-native/Libraries/Utilities/deprecatedPropType';
 import invariant from 'fbjs/lib/invariant';
 import keyMirror from 'fbjs/lib/keyMirror';
-const WKWebViewManager = NativeModules.WKWebViewManager;
+const WKWebViewManager = NativeModules.CRAWKWebViewManager;
 
 var BGWASH = 'rgba(255,255,255,0.8)';
 
@@ -267,6 +267,15 @@ class WKWebView extends React.Component {
      * A Boolean value that sets whether diagonal scrolling is allowed.
     */
     directionalLockEnabled: PropTypes.bool,
+    /*
+     * The manner in which the keyboard is dismissed when a drag begins in the
+     * scroll view.
+     */
+    keyboardDismissMode: PropTypes.oneOf([
+      'none', // Default
+      'on-drag',
+      'interactive', // iOS only
+    ]),
   };
 
   state = {
@@ -299,7 +308,7 @@ class WKWebView extends React.Component {
       );
     } else if (this.state.viewState !== WebViewState.IDLE) {
       console.error(
-        'RCTWKWebView invalid state encountered: ' + this.state.loading
+        'CRAWKWebView invalid state encountered: ' + this.state.loading
       );
     }
 
@@ -333,7 +342,7 @@ class WKWebView extends React.Component {
     const messagingEnabled = typeof this.props.onMessage === 'function';
 
     const webView =
-      <RCTWKWebView
+      <CRAWKWebView
         ref={ref => { this.webview = ref; }}
         key="webViewKey"
         style={webViewStyles}
@@ -363,6 +372,7 @@ class WKWebView extends React.Component {
         pagingEnabled={this.props.pagingEnabled}
         directionalLockEnabled={this.props.directionalLockEnabled}
         onNavigationResponse={this._onNavigationResponse}
+        keyboardDismissMode={this.props.keyboardDismissMode}
       />;
 
     return (
@@ -379,7 +389,7 @@ class WKWebView extends React.Component {
   goForward = () => {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
-      UIManager.RCTWKWebView.Commands.goForward,
+      this.getCRAWKWebView().Commands.goForward,
       null
     );
   };
@@ -390,7 +400,7 @@ class WKWebView extends React.Component {
   goBack = () => {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
-      UIManager.RCTWKWebView.Commands.goBack,
+      this.getCRAWKWebView().Commands.goBack,
       null
     );
   };
@@ -416,7 +426,7 @@ class WKWebView extends React.Component {
     this.setState({ viewState: WebViewState.LOADING });
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
-      UIManager.RCTWKWebView.Commands.reload,
+      this.getCRAWKWebView().Commands.reload,
       null
     );
   };
@@ -427,7 +437,7 @@ class WKWebView extends React.Component {
   stopLoading = () => {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
-      UIManager.RCTWKWebView.Commands.stopLoading,
+      this.getCRAWKWebView().Commands.stopLoading,
       null
     )
   };
@@ -445,7 +455,7 @@ class WKWebView extends React.Component {
   postMessage = (data) => {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
-      UIManager.RCTWKWebView.Commands.postMessage,
+      this.getCRAWKWebView().Commands.postMessage,
       [String(data)]
     );
   };
@@ -464,6 +474,14 @@ class WKWebView extends React.Component {
     }
   };
 
+  getCRAWKWebView = () => {
+    return (
+      UIManager.getViewManagerConfig ?
+      UIManager.getViewManagerConfig('CRAWKWebView') :
+      UIManager.CRAWKWebView
+    );
+  };
+
   /**
    * Returns the native webview node.
    */
@@ -526,7 +544,7 @@ class WKWebView extends React.Component {
   }
 }
 
-const RCTWKWebView = requireNativeComponent('RCTWKWebView', WKWebView, {
+const CRAWKWebView = requireNativeComponent('CRAWKWebView', WKWebView, {
   nativeOnly: {
     onLoadingStart: true,
     onLoadingError: true,

example/.babelrc

@@ -1,3 +1,5 @@
 {
-"presets": ["react-native"]
+  "presets": [
+    "module:metro-react-native-babel-preset"
+  ]
 }

example/package.json

@@ -7,9 +7,10 @@
 		"test": "jest"
 	},
 	"dependencies": {
-		"react": "16.2.0",
-		"react-native": "0.53.2",
+		"metro-react-native-babel-preset": "^0.48.0",
 		"prop-types": "15.6.0",
+		"react": "16.5.0",
+		"react-native": "0.57",
 		"react-native-wkwebview-reborn": "file:../"
 	},
 	"devDependencies": {
@@ -19,4 +20,4 @@
 	"jest": {
 		"preset": "react-native"
 	}
-}
+}