react-native-expo-cropper 1.2.49 → 1.2.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1251,9 +1251,7 @@ var ImageCropper = function ImageCropper(_ref) {
1251
1251
  }, image && /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
1252
1252
  style: _ImageCropperStyles["default"].imageRegion
1253
1253
  }, /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
1254
- style: [_ImageCropperStyles["default"].commonWrapper, {
1255
- maxHeight: windowHeight * 0.7
1256
- }],
1254
+ style: _ImageCropperStyles["default"].commonWrapper,
1257
1255
  ref: commonWrapperRef,
1258
1256
  onLayout: onCommonWrapperLayout
1259
1257
  }, /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
@@ -30,17 +30,18 @@ var styles = _reactNative.StyleSheet.create({
30
30
  flexDirection: 'column',
31
31
  minHeight: 0
32
32
  },
33
- // Wrapper that centers the crop box vertically and horizontally on screen
33
+ // Wrapper that occupies all space above the buttons
34
34
  imageRegion: {
35
35
  flex: 1,
36
36
  width: '100%',
37
- justifyContent: 'center',
38
- alignItems: 'center'
37
+ alignSelf: 'stretch',
38
+ justifyContent: 'flex-start',
39
+ alignItems: 'stretch'
39
40
  },
40
- // Crop preview: responsive box, centered inside imageRegion
41
+ // Crop preview: fill all available space in imageRegion
41
42
  commonWrapper: {
43
+ flex: 1,
42
44
  width: '100%',
43
- aspectRatio: 9 / 16,
44
45
  overflow: 'hidden',
45
46
  alignItems: 'center',
46
47
  justifyContent: 'center',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-expo-cropper",
3
- "version": "1.2.49",
3
+ "version": "1.2.50",
4
4
  "description": "Recadrage polygonal d'images.",
5
5
  "main": "index.js",
6
6
  "author": "PCS AGRI",
@@ -1071,12 +1071,7 @@ const rotatePreviewImage = async (degrees) => {
1071
1071
  {image && (
1072
1072
  <View style={styles.imageRegion}>
1073
1073
  <View
1074
- style={[
1075
- styles.commonWrapper,
1076
- {
1077
- maxHeight: windowHeight * 0.7,
1078
- },
1079
- ]}
1074
+ style={styles.commonWrapper}
1080
1075
  ref={commonWrapperRef}
1081
1076
  onLayout={onCommonWrapperLayout}
1082
1077
  >
@@ -25,17 +25,18 @@ const styles = StyleSheet.create({
25
25
  flexDirection: 'column',
26
26
  minHeight: 0,
27
27
  },
28
- // Wrapper that centers the crop box vertically and horizontally on screen
28
+ // Wrapper that occupies all space above the buttons
29
29
  imageRegion: {
30
30
  flex: 1,
31
31
  width: '100%',
32
- justifyContent: 'center',
33
- alignItems: 'center',
32
+ alignSelf: 'stretch',
33
+ justifyContent: 'flex-start',
34
+ alignItems: 'stretch',
34
35
  },
35
- // Crop preview: responsive box, centered inside imageRegion
36
+ // Crop preview: fill all available space in imageRegion
36
37
  commonWrapper: {
38
+ flex: 1,
37
39
  width: '100%',
38
- aspectRatio: 9 / 16,
39
40
  overflow: 'hidden',
40
41
  alignItems: 'center',
41
42
  justifyContent: 'center',