RN下支持camera #2262

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

wangxiaokou wants to merge 26 commits into master from feat-camera

-Original file line number
+Diff line change
@@ Expand Up / @@ -224,5 +224,13 @@ export const SUPPORTED_OBJECTS = { @@
         'abort',
         'onHeadersReceived',
         'offHeadersReceived'
+      ],
+      // camera
+      CameraContext: [
+        'setZoom',
+        'takePhoto',
+        'startRecord',
+        'stopRecord'
       ]
     }

packages/api-proxy/src/platform/api/camera/index.ios.js

-Original file line number
+Diff line change
@@ -0,0 +1,9 @@
+    import CreateCamera from './rnCamera'
+    function createCameraContext () {
+      return new CreateCamera()
+    }
+    export {
+      createCameraContext
+    }

packages/api-proxy/src/platform/api/camera/index.js

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    import { ENV_OBJ, envError } from '../../../common/js'
+    const createCameraContext = ENV_OBJ.createCameraContext || envError('createCameraContext')
+    export {
+      createCameraContext
+    }

packages/api-proxy/src/platform/api/camera/rnCamera.js

-Original file line number
+Diff line change
@@ -0,0 +1,44 @@
+    import { noop, getFocusedNavigation } from '@mpxjs/utils'
+    export default class CreateCamera {
+      constructor () {
+        const navigation = getFocusedNavigation() || {}
+        this.camera = navigation.camera || {}
+      }
+      setZoom (options = {}) {
+        const { zoom, success = noop, fail = noop, complete = noop } = options
+        try {
+          if (this.camera.setZoom) {
+            const result = { errMsg: 'setZoom:ok' }
+            success(result)
+            complete(result)
+            this.camera.setZoom(zoom)
+          } else {
+            const result = {
+              errMsg: 'setZoom:fail camera instance not found'
+            }
+            fail(result)
+            complete(result)
+          }
+        } catch (error) {
+          const result = {
+            errMsg: 'setZoom:fail ' + (error?.message || '')
+          }
+          fail(result)
+          complete(result)
+        }
+      }
+      takePhoto (options) {
+        this.camera?.takePhoto(options)
+      }
+      startRecord (options) {
+        this.camera?.startRecord(options)
+      }
+      stopRecord (options) {
+        this.camera?.stopRecord(options)
+      }
+    }

packages/api-proxy/src/platform/index.js

-Original file line number
+Diff line change
@@ Expand Up / @@ -122,3 +122,6 @@ export * from './api/keyboard' @@
     // getSetting, openSetting, enableAlertBeforeUnload, disableAlertBeforeUnload, getMenuButtonBoundingClientRect
     export * from './api/setting'
+    // createCameraContext
+    export * from './api/camera'

-Original file line number
+Diff line change
@@ Expand Up / @@ -18,6 +18,18 @@ module.exports = function ({ print }) { @@
       return {
         test: TAG_NAME,
+        ios (tag, { el }) {
+          el.isBuiltIn = true
+          return 'mpx-camera'
+        },
+        android (tag, { el }) {
+          el.isBuiltIn = true
+          return 'mpx-camera'
+        },
+        harmony (tag, { el }) {
+          el.isBuiltIn = true
+          return 'mpx-camera'
+        },
         props: [
           {
             test: 'mode',
@@ Expand Down @@

-Original file line number
+Diff line change
@@ Expand Up @@
     // 快应用不支持的标签集合
     const QA_UNSUPPORTED_TAG_NAME_ARR = ['movable-view', 'movable-area', 'open-data', 'official-account', 'editor', 'functional-page-navigator', 'live-player', 'live-pusher', 'ad', 'cover-image']
     // RN不支持的标签集合
-    const RN_UNSUPPORTED_TAG_NAME_ARR = ['open-data', 'official-account', 'editor', 'functional-page-navigator', 'live-player', 'live-pusher', 'ad', 'audio', 'camera', 'match-media', 'page-container', 'editor', 'keyboard-accessory', 'map']
+    const RN_UNSUPPORTED_TAG_NAME_ARR = ['open-data', 'official-account', 'editor', 'functional-page-navigator', 'live-player', 'live-pusher', 'ad', 'audio', 'match-media', 'page-container', 'editor', 'keyboard-accessory', 'map']
     /**
      * @param {function(object): function} print
@@ Expand Down @@

Provide feedback