react-native-webview-crosswalk

0.5.0 • Public • Published

react-native-webview-crosswalk

Crosswalk's WebView for React Native on Android.

npm version npm downloads npm licence

Dependencies

  • 0.4.0+: react-native >=0.32.0, react >= 15.3.0

  • 0.3.0+: react-native >=0.29.0, react >= 15.2.0

  • 0.2.0+: react-native >=0.25.0, react >= 0.14.5

  • 0.1.0: react-native >= 0.19.0

Installation

  • From the root of your React Native project
npm install react-native-webview-crosswalk --save
mkdir android/app/libs
cp node_modules/react-native-webview-crosswalk/libs/xwalk_core_library-22.52.561.4.aar android/app/libs/

Include module in your Android project

  • In android/setting.gradle
...
include ':CrosswalkWebView', ':app'
project(':CrosswalkWebView').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview-crosswalk')

Include libs in your Android project

  • In android/build.gradle
...
allprojects {
    repositories {
        mavenLocal()
        jcenter()
 
        flatDir {          // <--- add this line
            dirs 'libs'    // <--- add this line
        }                  // <--- add this line
    }
}
  • In android/app/build.gradle
...
dependencies {
  ...
  compile (name: "xwalk_core_library-22.52.561.4", ext: "aar")     // <--- add this line
  compile project(':CrosswalkWebView')                             // <--- add this line
}
  • Register package :

If 0.1.0 or 0.2.0+ used add code into MainActivity.java

import com.jordansexton.react.crosswalk.webview.CrosswalkWebViewPackage;    // <--- add this line 
 
public class MainActivity extends ReactActivity {
  ......
 
  @Override
  protected List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
        new MainReactPackage(),
        new CrosswalkWebViewPackage(this)    // <--- add this line 
    );
  }
 
  ......
 
}

If 0.3.0+ used add code into MainApplication.java

import com.jordansexton.react.crosswalk.webview.CrosswalkWebViewPackage;    // <--- add this line 
 
public class MainApplication extends Application implements ReactApplication {
  ......
 
  @Override
  protected List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
        new MainReactPackage(),
        new CrosswalkWebViewPackage()    // <--- add this line 
    );
  }
 
  ......
 
}

License

MIT

Package Sidebar

Install

npm i react-native-webview-crosswalk

Weekly Downloads

2

Version

0.5.0

License

MIT

Last publish

Collaborators

  • jordansexton