Add native fullscreen image preview

RELEASE-NOTES.txt

@@ -7,6 +7,7 @@
 * Add alignment controls for paragraph blocks
 * [iOS] Fix issue where the keyboard would not capitalize sentences correctly on some cases.
 * [iOS] Support for Pexels image library
+* [Android] Added native fullscreen preview when clicking image from Image Block
 * [iOS] Add support for Preformatted block.
 
 1.16.1

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

@@ -87,6 +87,11 @@ public void requestMediaPickFrom(String mediaSource, MediaUploadCallback mediaUp
 
             }
 
+            @Override
+            public void requestImageFullscreenPreview(String mediaUrl) {
+
+            }
+
             @Override
             public void editorDidEmitLog(String message, LogLevel logLevel) {
                 switch (logLevel) {

react-native-gutenberg-bridge/android/src/main/java/org/wordpress/mobile/ReactNativeGutenbergBridge/GutenbergBridgeJS2Parent.java

@@ -102,4 +102,6 @@ public static MediaType getEnum(String value) {
     void getOtherMediaPickerOptions(OtherMediaOptionsReceivedCallback otherMediaOptionsReceivedCallback, MediaType mediaType);
 
     void requestMediaPickFrom(String mediaSource, MediaUploadCallback mediaUploadCallback, Boolean allowMultipleSelection);
+
+    void requestImageFullscreenPreview(String mediaUrl);
 }

react-native-gutenberg-bridge/android/src/main/java/org/wordpress/mobile/ReactNativeGutenbergBridge/RNReactNativeGutenbergBridgeModule.java

@@ -164,6 +164,11 @@ public void requestImageUploadCancel(final int mediaId) {
         mGutenbergBridgeJS2Parent.requestImageUploadCancel(mediaId);
     }
 
+    @ReactMethod
+    public void requestImageFullscreenPreview(String mediaUrl) {
+        mGutenbergBridgeJS2Parent.requestImageFullscreenPreview(mediaUrl);
+    }
+
     @ReactMethod
     public void editorDidEmitLog(String message, int logLevel) {
         mGutenbergBridgeJS2Parent.editorDidEmitLog(message, GutenbergBridgeJS2Parent.LogLevel.valueOf(logLevel));

react-native-gutenberg-bridge/android/src/main/java/org/wordpress/mobile/WPAndroidGlue/WPAndroidGlueCode.java

@@ -65,6 +65,7 @@ public class WPAndroidGlueCode {
     private OnReattachQueryListener mOnReattachQueryListener;
     private OnEditorMountListener mOnEditorMountListener;
     private OnEditorAutosaveListener mOnEditorAutosaveListener;
+    private OnImageFullscreenPreviewListener mOnImageFullscreenPreviewListener;
     private boolean mIsEditorMounted;
 
     private String mContentHtml = "";
@@ -118,6 +119,10 @@ public interface OnMediaLibraryButtonListener {
         void onOtherMediaButtonClicked(String mediaSource, boolean allowMultipleSelection);
     }
 
+    public interface OnImageFullscreenPreviewListener {
+        void onImageFullscreenPreviewClicked(String mediaUrl);
+    }
+
     public interface OnReattachQueryListener {
         void onQueryCurrentProgressForUploadingMedia();
     }
@@ -272,6 +277,11 @@ public void requestMediaPickFrom(String mediaSource,
                 mMediaPickedByUserOnBlock = true;
                 mOnMediaLibraryButtonListener.onOtherMediaButtonClicked(mediaSource, allowMultipleSelection);
             }
+
+            @Override
+            public void requestImageFullscreenPreview(String mediaUrl) {
+                mOnImageFullscreenPreviewListener.onImageFullscreenPreviewClicked(mediaUrl);
+            }
         });
 
         return Arrays.asList(
@@ -333,14 +343,16 @@ public void attachToContainer(ViewGroup viewGroup, OnMediaLibraryButtonListener
                                   OnReattachQueryListener onReattachQueryListener,
                                   OnEditorMountListener onEditorMountListener,
                                   OnEditorAutosaveListener onEditorAutosaveListener,
-                                  OnAuthHeaderRequestedListener onAuthHeaderRequestedListener) {
+                                  OnAuthHeaderRequestedListener onAuthHeaderRequestedListener,
+                                  OnImageFullscreenPreviewListener onImageFullscreenPreviewListener) {
         MutableContextWrapper contextWrapper = (MutableContextWrapper) mReactRootView.getContext();
         contextWrapper.setBaseContext(viewGroup.getContext());
 
         mOnMediaLibraryButtonListener = onMediaLibraryButtonListener;
         mOnReattachQueryListener = onReattachQueryListener;
         mOnEditorMountListener = onEditorMountListener;
         mOnEditorAutosaveListener = onEditorAutosaveListener;
+        mOnImageFullscreenPreviewListener = onImageFullscreenPreviewListener;
 
         sAddCookiesInterceptor.setOnAuthHeaderRequestedListener(onAuthHeaderRequestedListener);
 

react-native-gutenberg-bridge/index.js

@@ -101,4 +101,8 @@ export function getOtherMediaOptions( filter, callback ) {
 	return RNReactNativeGutenbergBridge.getOtherMediaOptions( filter, callback );
 }
 
+export function requestImageFullscreenPreview( mediaUrl ) {
+	return RNReactNativeGutenbergBridge.requestImageFullscreenPreview( mediaUrl );
+}
+
 export default RNReactNativeGutenbergBridge;