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

A useful media selector module base on native component

"use strict";

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

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

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

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

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

// const windowWidth = Dimensions.get('window').width
const windowHeight = _reactNative.Dimensions.get('window').height;

const MediaSelectorPage = props => {
  const close = () => {
    props.navigator.dismiss(false);
  };

  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.StatusBar, {
    backgroundColor: _Colors.black,
    barStyle: "light-content"
  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: [styles.transparentContainer]
  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: [styles.textContainer]
  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    onPress: async () => {
      props.navigator.setResult({
        type: 'video'
      });
      props.navigator.dismiss();
    }
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
    style: styles.textStyle
  }, "\u89C6\u9891")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    onPress: async () => {
      props.navigator.setResult({
        type: 'image'
      });
      props.navigator.dismiss();
    }
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
    style: styles.textStyle
  }, "\u56FE\u6587"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: styles.cancelButton
  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    onPress: close
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
    style: styles.textStyle
  }, "\u53D6\u6D88")))));
};

exports.MediaSelectorPage = MediaSelectorPage;

const styles = _reactNative.StyleSheet.create({
  transparentContainer: {
    flex: 1,
    alignItems: 'center',
    backgroundColor: 'black'
  },
  textContainer: {
    width: 135,
    height: 68,
    top: windowHeight - 200,
    justifyContent: 'space-between',
    alignItems: 'center'
  },
  textStyle: {
    color: _Colors.white,
    fontSize: 18,
    fontWeight: '600'
  },
  cancelButton: {
    backgroundColor: _Colors.black333,
    width: 135,
    height: 44,
    justifyContent: 'center',
    alignItems: 'center',
    top: windowHeight - 150,
    borderRadius: 8
  }
});

MediaSelectorPage.navigationItem = {
  hideNavigationBar: true
};
//# sourceMappingURL=MediaSelectorPage.js.map