Android example project, fix for missing ;

example/android/app/build.gradle

@@ -129,7 +129,7 @@ dependencies {
     compile fileTree(dir: "libs", include: ["*.jar"])
     compile "com.android.support:appcompat-v7:23.0.1"
     compile "com.facebook.react:react-native:+"  // From node_modules
-    compile project(":react-native-navigation")
+    compile project(':react-native-webview-bridge')
 }
 
 // Run this once to be able to run the application with BUCK

example/android/app/proguard-rules.pro

@@ -12,9 +12,9 @@
 # If your project uses WebView with JS, uncomment the following
 # and specify the fully qualified class name to the JavaScript interface
 # class:
-#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
-#   public *;
-#}
+-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+   public *;
+}
 
 # Disabling obfuscation is useful if you collect stack traces from production crashes
 # (unless you are using a system that supports de-obfuscate the stack traces).
@@ -64,3 +64,10 @@
 -dontwarn java.nio.file.*
 -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
 -dontwarn okio.**
+
+# react-native-webview-bridge
+-keepattributes JavascriptInterface
+-keep class com.github.alinz.reactnativewebviewbridge.**
+-keepclassmembers class ** {
+    @android.webkit.JavascriptInterface <methods>;
+}

example/android/app/src/main/AndroidManifest.xml

@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.react_native_navigation_bootstrap"
+    package="com.example"
     android:versionCode="1"
     android:versionName="1.0">
 
@@ -11,7 +11,7 @@
         android:targetSdkVersion="22" />
 
     <application
-      android:name=".MainApplication"
+    android:name=".MainApplication"
       android:allowBackup="true"
       android:label="@string/app_name"
       android:icon="@mipmap/ic_launcher"

example/android/app/src/main/java/com/example/MainActivity.java

@@ -0,0 +1,15 @@
+package com.example;
+
+import com.facebook.react.ReactActivity;
+
+public class MainActivity extends ReactActivity {
+
+    /**
+     * Returns the name of the main component registered from JavaScript.
+     * This is used to schedule rendering of the component.
+     */
+    @Override
+    protected String getMainComponentName() {
+        return "example";
+    }
+}

example/android/app/src/main/java/com/example/MainApplication.java

@@ -0,0 +1,35 @@
+package com.example;
+
+import android.app.Application;
+
+import com.facebook.react.ReactApplication;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.shell.MainReactPackage;
+import com.github.alinz.reactnativewebviewbridge.WebViewBridgePackage;
+
+import java.util.Arrays;
+import java.util.List;
+
+public class MainApplication extends Application implements ReactApplication {
+
+    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
+        @Override
+        protected boolean getUseDeveloperSupport() {
+            return BuildConfig.DEBUG;
+        }
+
+        @Override
+        protected List<ReactPackage> getPackages() {
+            return Arrays.<ReactPackage>asList(
+                    new MainReactPackage(),
+                    new WebViewBridgePackage()
+            );
+        }
+    };
+
+    @Override
+    public ReactNativeHost getReactNativeHost() {
+        return mReactNativeHost;
+    }
+}

example/android/app/src/main/java/com/react_native_navigation_bootstrap/MainActivity.java

@@ -1,7 +0,0 @@
-package com.react_native_navigation_bootstrap;
-
-import com.reactnativenavigation.controllers.SplashActivity;
-
-public class MainActivity extends SplashActivity {
-
-}

example/android/app/src/main/java/com/react_native_navigation_bootstrap/MainApplication.java

@@ -1,25 +0,0 @@
-package com.react_native_navigation_bootstrap;
-
-import android.support.annotation.NonNull;
-
-import com.facebook.react.ReactPackage;
-import com.reactnativenavigation.NavigationApplication;
-
-import java.util.List;
-
-public class MainApplication extends NavigationApplication {
-
-  @Override
-  public boolean isDebug() {
-    return BuildConfig.DEBUG;
-  }
-
-  @NonNull
-  @Override
-  public List<ReactPackage> createAdditionalReactPackages() {
-    // Add the packages you require here.
-    // No need to add RnnPackage and MainReactPackage
-    return null;
-  }
-
-}

example/android/app/src/main/res/values/strings.xml

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">react_native_navigation_bootstrap</string>
+    <string name="app_name">example</string>
 </resources>

example/android/settings.gradle

@@ -1,6 +1,6 @@
-rootProject.name = 'react_native_navigation_bootstrap'
+rootProject.name = 'example'
 
 include ':app'
-include ':react-native-navigation'
-project(':react-native-navigation').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navigation/android/app/')
 
+include ':react-native-webview-bridge'
+project(':react-native-webview-bridge').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview-bridge-updated/android')

example/index.android.js

@@ -1,9 +1,3 @@
-/**
- * Sample React Native App
- * https://github.com/facebook/react-native
- * @flow
- */
-
 import React, { Component } from 'react';
 import {
     AppRegistry,
@@ -11,50 +5,52 @@ import {
     Text,
     View
 } from 'react-native';
-import {Navigation} from 'react-native-navigation';
+import RichTextEditor from 'react-native-ZSSRichTextEditor'
+
+class RichTextExample extends Component {
+
+  constructor(props) {
+    super(props);
+    this.getHTML = this.getHTML.bind(this);
+  }
 
-class react_native_navigation_bootstrap extends Component {
   render() {
     return (
         <View style={styles.container}>
-          <Text style={styles.welcome}>
-            Welcome to React Native!
-          </Text>
-          <Text style={styles.instructions}>
-            To get started, edit index.ios.js
-          </Text>
-          <Text style={styles.instructions}>
-            Press Cmd+R to reload,{'\n'}
-            Cmd+D or shake for dev menu
-          </Text>
+          <RichTextEditor
+              ref={(r)=>this.richtext = r}
+              style={styles.richText}
+              initialHTML={'Hello <b>World</b> <p>this is a new paragraph</p>'}
+          />
         </View>
     );
   }
+
+  async getHTML() {
+    const html = await this.richtext.getHtml();
+    alert(html);
+  }
+
+  componentDidMount() {
+
+    setTimeout(()=>{
+      this.getHTML();
+    }, 3000);
+  }
 }
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
+    flexDirection: 'column',
     backgroundColor: '#F5FCFF',
+    paddingTop: 40
   },
-  welcome: {
-    fontSize: 20,
-    textAlign: 'center',
-    margin: 10,
-  },
-  instructions: {
-    textAlign: 'center',
-    color: '#333333',
-    marginBottom: 5,
+  richText: {
+    alignItems:'center',
+    justifyContent: 'center',
+    backgroundColor: 'transparent',
   },
 });
 
-Navigation.registerComponent('react-native-navigation-bootstrap', () => react_native_navigation_bootstrap);
-Navigation.startSingleScreenApp({
-  screen: {
-    screen: 'react-native-navigation-bootstrap',
-    title: 'Navigation Bootstrap'
-  }
-});
+AppRegistry.registerComponent('example', () => RichTextExample);

src/RichTextEditor.js

@@ -27,7 +27,6 @@ export default class RichTextEditor extends Component {
   }
 
   onBridgeMessage(message){
-    // handle other callbacks
     const json = JSON.parse(message);
     if (json && json.type && json.type === consts.HTML_RESPONSE) {
       if (this.resolve) {
@@ -42,11 +41,6 @@ export default class RichTextEditor extends Component {
     }
   }
 
-  onShouldStartLoadRequest(event) {
-    console.log('RichTextEditor', 'should start load request event: ', event);
-    return (event.url.indexOf("editor.html") != -1);
-  }
-
   render() {
     return (
       <WebViewBridge
@@ -54,9 +48,8 @@ export default class RichTextEditor extends Component {
         hideKeyboardAccessoryView={true}
         ref={(r) => {this.webviewBridge = r}}
         onBridgeMessage={(message) => this.onBridgeMessage(message)}
-        onShouldStartLoadWithRequest={(event) => this.onShouldStartLoadRequest(event)}
-        source={require('./editor.html')}
         injectedJavaScript={injectScript}
+        source={require('./editor.html')}
       />
     );
   }

src/WebviewMessageHandler.js

@@ -40,7 +40,7 @@ export const InjectedMessageHandler = `
           zss_editor.setHeading('h6');
           break;
         case '${actions.setParagraph}':
-          zss_editor.setParagraph()
+          zss_editor.setParagraph();
           break;
         case '${actions.removeFormat}':
           zss_editor.removeFormating();