Update example with zoom picker

Author: DESKTOP-VKH38G4\BZHMedia

android/libraries/opencv/src/org/opencv/android/JavaCameraView.java

@@ -179,11 +179,12 @@ protected boolean initializeCamera(int width, int height) {
                         params.setFocusMode(Camera.Parameters.FOCUS_MODE_CONTINUOUS_VIDEO);
                     }
 
+                    // Set Zoom
+                    params.setZoom(zoom);
+                    
                     mCamera.setParameters(params);
                     params = mCamera.getParameters();
 
-                    // Set Zoom
-                    params.setZoom(zoom);
 
                     mFrameWidth = params.getPreviewSize().width;
                     mFrameHeight = params.getPreviewSize().height;

example/App.js

@@ -161,6 +161,14 @@ const qualityOptions = [
   { label: 'High', value: CaptureQuality.high },
 ]
 
+const zoomOptions = [
+  { label: '0%', value: 0 },
+  { label: '25%', value: 24 },
+  { label: '50%', value: 49 },
+  { label: '75%', value: 74 },
+  { label: '100%', value: 99 },
+]
+
 const countryOptions = [
   { label: 'eu', value: 'eu' },
   { label: 'us', value: 'us' },
@@ -179,12 +187,13 @@ export default class App extends Component {
     },
     captureQuality: CaptureQuality.medium,
     aspect: CaptureQuality.stretch,
+    zoom: 0,
     rotateMode: false,
     torchMode: false,
     showPlateOutline: true,
     plateOutlineColor: '#ff0000',
     country: 'eu',
-    touchToFocus: true,
+    touchToFocus: false,
   }
 
   async componentDidMount() {
@@ -276,6 +285,7 @@ export default class App extends Component {
       showPlateOutline,
       captureQuality,
       aspect,
+      zoom,
       rotateMode,
       torchMode,
       country,
@@ -291,12 +301,13 @@ export default class App extends Component {
             style={styles.camera}
             aspect={aspect}
             captureQuality={captureQuality}
+            zoom={zoom}
             country={country}
             onPlateRecognized={this.onPlateRecognized}
             plateOutlineColor={plateOutlineColor}
             showPlateOutline={showPlateOutline}
             torchMode={this.state.torchMode ? TorchMode.on : TorchMode.off}
-            // rotateMode={this.state.rotateMode ? RotateMode.on : RotateMode.off}
+            rotateMode={this.state.rotateMode ? RotateMode.on : RotateMode.off}
             touchToFocus={touchToFocus}
           />
         )}
@@ -352,6 +363,12 @@ export default class App extends Component {
               }
               values={colorOptions}
             />
+            <MyPicker
+              title="Zoom"
+              selectedValue={zoom}
+              onValueChange={value => this.setState({ zoom: value })}
+              values={zoomOptions}
+            />
             <MyPicker
               title="Quality"
               selectedValue={captureQuality}