react-native-awesome-medialib/lib/commonjs/pages/CameraPage.js

A useful media selector module base on native component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CameraPage = void 0;

var _react = _interopRequireWildcard(require("react"));

var _reactNative = require("react-native");

var _reactNativeIphoneXHelper = require("react-native-iphone-x-helper");

var _NativeCamera = require("../components/NativeCamera");

var _styles = require("../components/video_player/styles");

var _CameraHeader = _interopRequireDefault(require("../components/basic/CameraHeader"));

var _take_photo_button = _interopRequireDefault(require("../images/take_photo_button.png"));

var _switch_camera = _interopRequireDefault(require("../images/switch_camera.png"));

var _camera_ratio_one = _interopRequireDefault(require("../images/camera_ratio_one.png"));

var _camera_ratio_ = _interopRequireDefault(require("../images/camera_ratio_43.png"));

var _Colors = require("../utils/Colors");

var _NativeCameraBridge = require("../bridge/NativeCameraBridge");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

// import DeviceInfo from 'react-native-device-info'
const CameraPage = props => {
  const [height, setHeight] = (0, _react.useState)(_styles.windowWidth * 4 / 3);

  const isSquare = () => {
    return height === _styles.windowWidth;
  };

  const androidCheckPermission = () => {
    _reactNative.PermissionsAndroid.check(_reactNative.PermissionsAndroid.PERMISSIONS.CAMERA).then(async response => {
      if (!response) {
        const granted = await _reactNative.PermissionsAndroid.request(_reactNative.PermissionsAndroid.PERMISSIONS.CAMERA);

        if (granted === _reactNative.PermissionsAndroid.RESULTS.GRANTED) {
          (0, _NativeCameraBridge.startRunning)();
        } else {
          props.navigator.pop();
        }
      } // const osVersion = +DeviceInfo.getSystemVersion()
      // if (osVersion < 10) {
      // checWriteExternalStoragePermission()
      // }

    });
  };

  (0, _react.useEffect)(() => {
    if (_reactNative.Platform.OS === 'ios') {
      (0, _NativeCameraBridge.startRunning)();
    } else {
      androidCheckPermission();
    }

    return () => {
      (0, _NativeCameraBridge.stopRunning)();
    };
  }, []);
  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: styles.container
  }, /*#__PURE__*/_react.default.createElement(_reactNative.StatusBar, {
    backgroundColor: _Colors.black,
    barStyle: "light-content"
  }), /*#__PURE__*/_react.default.createElement(_CameraHeader.default, {
    onPress: () => props.navigator.pop()
  }), /*#__PURE__*/_react.default.createElement(_NativeCamera.CameraPreviewView, {
    style: {
      width: _styles.windowWidth,
      height
    }
  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: styles.bottomContainer
  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    onPress: () => {
      if (height === _styles.windowWidth) {
        setHeight(_styles.windowWidth * 4 / 3);
      } else {
        setHeight(_styles.windowWidth);
      }
    },
    style: styles.buttonIcon
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
    source: isSquare() ? _camera_ratio_one.default : _camera_ratio_.default,
    style: {
      width: 28,
      height: 28
    }
  })), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    onPress: async () => {
      const pathResult = await (0, _NativeCameraBridge.takePhoto)(isSquare());

      _reactNative.Image.getSize(pathResult.url, (w, h) => {
        const combine = { ...pathResult,
          scale: h / w
        };
        props.navigator.push('PhotoPreviewPage', combine);
      }, err => {
        console.warn("fail:".concat(err));
      });
    },
    style: styles.takePhotoIcon
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
    source: _take_photo_button.default,
    style: {
      width: 72,
      height: 72
    }
  })), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    onPress: () => {
      (0, _NativeCameraBridge.switchCamera)();
    },
    style: styles.buttonIcon
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
    source: _switch_camera.default,
    style: {
      width: 28,
      height: 28
    }
  }))));
};

exports.CameraPage = CameraPage;
CameraPage.navigationItem = {
  hideNavigationBar: true
};

const styles = _reactNative.StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: _Colors.black,
    justifyContent: 'space-between'
  },
  header: {
    width: '100%',
    height: (0, _reactNativeIphoneXHelper.isIphoneX)() ? 86 : 44,
    justifyContent: 'flex-end'
  },
  backIconContainer: {
    justifyContent: 'center',
    height: 28,
    width: 28,
    marginLeft: 16
  },
  backIcon: {
    width: 28,
    height: 28,
    tintColor: _Colors.white
  },
  bottomContainer: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center',
    height: 72,
    width: '100%',
    marginBottom: (0, _reactNativeIphoneXHelper.isIphoneX)() ? 20 : 0
  },
  buttonIcon: {
    justifyContent: 'center',
    alignItems: 'center',
    height: 40,
    width: 40
  },
  takePhotoIcon: {
    height: 72,
    width: 72
  }
});
//# sourceMappingURL=CameraPage.js.map