Add starting zoomScale

android/src/main/java/com/rnds/DirectedScrollView.java

@@ -30,6 +30,7 @@ public class DirectedScrollView extends ReactViewGroup {
 
   private float minimumZoomScale = 1.0f;
   private float maximumZoomScale = 1.0f;
+  private float zoomScale = 1.0f;
   private boolean bounces = true;
   private boolean alwaysBounceVertical = false;
   private boolean alwaysBounceHorizontal = false;
@@ -336,6 +337,8 @@ private void anchorChildren() {
     for (DirectedScrollViewChild scrollableChild : scrollableChildren) {
       scrollableChild.setPivotY(0);
       scrollableChild.setPivotX(0);
+      scrollableChild.setScaleX(zoomScale);
+      scrollableChild.setScaleY(zoomScale);
     }
   }
 
@@ -410,6 +413,10 @@ private void emitScrollEvent(
         getHeight()));
   }
 
+  public void setZoomScale(final float zoomScale) {
+    this.zoomScale = zoomScale;
+  }
+
   public void setMaximumZoomScale(final float maximumZoomScale) {
     this.maximumZoomScale = maximumZoomScale;
   }

android/src/main/java/com/rnds/DirectedScrollViewManager.java

@@ -69,6 +69,11 @@ public static Map createExportedCustomDirectEventTypeConstants() {
         .build();
   }
 
+  @ReactProp(name = "zoomScale", defaultFloat = 1.0f)
+  public void setZoomScale(DirectedScrollView view, @Nullable float zoomScale) {
+    view.setZoomScale(zoomScale);
+  }
+
   @ReactProp(name = "minimumZoomScale", defaultFloat = 1.0f)
   public void setMinimumZoomScale(DirectedScrollView view, @Nullable float minimumZoomScale) {
     view.setMinimumZoomScale(minimumZoomScale);

index.js

@@ -1,5 +1,11 @@
 import React, { Component } from 'react';
-import ReactNative, { requireNativeComponent, View, UIManager, StyleSheet, Platform } from 'react-native';
+import ReactNative, {
+  requireNativeComponent,
+  View,
+  UIManager,
+  StyleSheet,
+  Platform,
+} from 'react-native';
 import ScrollResponder from 'react-native/Libraries/Components/ScrollResponder';
 import createReactClass from 'create-react-class';
 
@@ -21,17 +27,17 @@ const ScrollView = createReactClass({
     return ReactNative.findNodeHandle(this._scrollViewRef);
   },
   scrollTo: function({ x, y, animated }) {
-     UIManager.dispatchViewManagerCommand(
+    UIManager.dispatchViewManagerCommand(
       this.getScrollableNode(),
       UIManager.DirectedScrollView.Commands.scrollTo,
       [x || 0, y || 0, animated !== false],
     );
   },
-  zoomToStart: function({ animated }) {
-     UIManager.dispatchViewManagerCommand(
+  zoomToStart: function({ animated, zoomScale }) {
+    UIManager.dispatchViewManagerCommand(
       this.getScrollableNode(),
       UIManager.DirectedScrollView.Commands.zoomToStart,
-      [animated !== false],
+      [animated !== false, zoomScale],
     );
   },
   _scrollViewRef: null,
@@ -40,12 +46,15 @@ const ScrollView = createReactClass({
   },
   componentDidMount: function() {
     setTimeout(() => {
-      this.zoomToStart({animated: false});
+      this.zoomToStart({
+        animated: false,
+        zoomScale: this.props.zoomScale ? this.props.zoomScale : 1.0,
+      });
     }, 0);
   },
   render: function() {
     return (
-      <NativeScrollView 
+      <NativeScrollView
         {...this.props}
         ref={this._setScrollViewRef}
         onScrollBeginDrag={this.scrollResponderHandleScrollBeginDrag}
@@ -66,19 +75,15 @@ const ScrollView = createReactClass({
         </View>
       </NativeScrollView>
     );
-  }
+  },
 });
 
 export default ScrollView;
 
 export const ScrollViewChild = createReactClass({
   render: function() {
-    return (
-      <NativeScrollViewChild {...this.props}>
-        {this.props.children}
-      </NativeScrollViewChild>
-    );
-  }
+    return <NativeScrollViewChild {...this.props}>{this.props.children}</NativeScrollViewChild>;
+  },
 });
 
 export const scrollViewWillBeginDragging = 'scrollViewWillBeginDragging';

ios/RCTDirectedScrollView/DirectedScrollViewManager.m

@@ -104,6 +104,7 @@ -(void)scrollViewDidEndDragging {
 RCT_EXPORT_VIEW_PROPERTY(alwaysBounceHorizontal, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(alwaysBounceVertical, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(bouncesZoom, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(zoomScale, CGFloat)
 RCT_EXPORT_VIEW_PROPERTY(maximumZoomScale, CGFloat)
 RCT_EXPORT_VIEW_PROPERTY(minimumZoomScale, CGFloat)
 RCT_EXPORT_VIEW_PROPERTY(showsHorizontalScrollIndicator, BOOL)
@@ -114,7 +115,7 @@ -(void)scrollViewDidEndDragging {
 RCT_EXPORT_VIEW_PROPERTY(decelerationRate, CGFloat)
 RCT_EXPORT_VIEW_PROPERTY(directionalLockEnabled, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(scrollEnabled, BOOL)
-RCT_REMAP_VIEW_PROPERTY(pinchGestureEnabled, scrollView.pinchGestureEnabled, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(pinchGestureEnabled, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(contentInset, UIEdgeInsets)
 RCT_EXPORT_VIEW_PROPERTY(scrollIndicatorInsets, UIEdgeInsets)
 RCT_EXPORT_VIEW_PROPERTY(snapToInterval, int)
@@ -145,14 +146,14 @@ -(void)scrollViewDidEndDragging {
 }
 
 RCT_EXPORT_METHOD(zoomToStart:(nonnull NSNumber *)reactTag
-                  animated:(BOOL)animated)
+                  animated:(BOOL)animated zoomScale:(CGFloat)zoomScale)
 {
     [self.bridge.uiManager addUIBlock:
      ^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry){
          UIView *view = viewRegistry[reactTag];
          if ([view conformsToProtocol:@protocol(RCTScrollableProtocol)]) {
              [(id<RCTScrollableProtocol>)view zoomToRect:CGRectMake(0, 0, 0, 0) animated:animated];
-             [((RCTScrollView*)view).scrollView setZoomScale:1.0 animated:animated];
+             [((RCTScrollView*)view).scrollView setZoomScale:zoomScale animated:animated];
          } else {
              RCTLogError(@"tried to zoomToRect: on non-RCTScrollableProtocol view %@ with tag #%@", view, reactTag);
          }