react-native-expo-cropper 1.2.37 → 1.2.39
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.
- package/dist/CustomCamera.js +72 -32
- package/dist/ImageCropper.js +952 -954
- package/dist/ImageCropperStyles.js +31 -5
- package/package.json +1 -1
- package/src/CustomCamera.js +76 -27
- package/src/ImageCropper.js +874 -887
- package/src/ImageCropperStyles.js +27 -4
|
@@ -12,6 +12,7 @@ const styles = StyleSheet.create({
|
|
|
12
12
|
container: {
|
|
13
13
|
flex: 1,
|
|
14
14
|
alignItems: 'center',
|
|
15
|
+
justifyContent: 'flex-start', // ✅ Start from top, allow content to flow down
|
|
15
16
|
backgroundColor: DEEP_BLACK,
|
|
16
17
|
},
|
|
17
18
|
buttonContainer: {
|
|
@@ -27,6 +28,20 @@ const styles = StyleSheet.create({
|
|
|
27
28
|
zIndex: 10,
|
|
28
29
|
gap: 10,
|
|
29
30
|
},
|
|
31
|
+
buttonContainerBelow: {
|
|
32
|
+
// ✅ Buttons positioned BELOW image, not overlapping, above Android navigation bar
|
|
33
|
+
position: 'absolute',
|
|
34
|
+
bottom: 0,
|
|
35
|
+
left: 0,
|
|
36
|
+
right: 0,
|
|
37
|
+
flexDirection: 'row',
|
|
38
|
+
justifyContent: 'center',
|
|
39
|
+
alignItems: 'center',
|
|
40
|
+
paddingHorizontal: 10,
|
|
41
|
+
paddingTop: 16,
|
|
42
|
+
gap: 8,
|
|
43
|
+
backgroundColor: DEEP_BLACK, // Fond noir pour séparer visuellement
|
|
44
|
+
},
|
|
30
45
|
iconButton: {
|
|
31
46
|
backgroundColor: PRIMARY_GREEN,
|
|
32
47
|
width: 60,
|
|
@@ -36,16 +51,24 @@ const styles = StyleSheet.create({
|
|
|
36
51
|
justifyContent: 'center',
|
|
37
52
|
marginRight: 5,
|
|
38
53
|
},
|
|
54
|
+
rotationButton: {
|
|
55
|
+
// Cercle, même couleur que Reset/Confirm (#549433), même hauteur que les autres boutons
|
|
56
|
+
backgroundColor: '#549433',
|
|
57
|
+
width: 56,
|
|
58
|
+
height: 48, // Même hauteur approximative que les boutons rectangulaires (padding 10 + texte)
|
|
59
|
+
borderRadius: 28,
|
|
60
|
+
alignItems: 'center',
|
|
61
|
+
justifyContent: 'center',
|
|
62
|
+
},
|
|
39
63
|
button: {
|
|
40
64
|
flex: 1,
|
|
41
|
-
|
|
42
|
-
|
|
65
|
+
minHeight: 48, // Même hauteur que le bouton de rotation
|
|
66
|
+
paddingVertical: 12,
|
|
67
|
+
paddingHorizontal: 10,
|
|
43
68
|
alignItems: "center",
|
|
44
69
|
justifyContent: "center",
|
|
45
70
|
backgroundColor: "#549433",
|
|
46
71
|
borderRadius: 5,
|
|
47
|
-
marginBottom: 20,
|
|
48
|
-
marginRight:5,
|
|
49
72
|
},
|
|
50
73
|
buttonText: {
|
|
51
74
|
color: 'white',
|