@teamnhz/rn-ui-toolkit 1.3.1 → 1.3.3
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.
|
@@ -588,6 +588,7 @@ import { Image as ImageCompressor, Video as VideoCompressor, } from "react-nativ
|
|
|
588
588
|
import { Colors, Images, Scale, Typography } from "../../styles";
|
|
589
589
|
// Permissions
|
|
590
590
|
import { cameraPermissions, galleryPermissions, checkMicroPhonePermission, } from "../../utils/permissions";
|
|
591
|
+
import { scale } from "../../styles/scale";
|
|
591
592
|
const ImagePicker = ({ mediaType, isMultiSelect = false, onSuccess, visible, onClose, enableCompression = true, imageCompressionOptions = { maxWidth: 1080, quality: 0.7 }, videoCompressionOptions = { compressionMethod: "auto" }, customStyle, sheetBackgroundColor, textColor, iconTintColor, }) => {
|
|
592
593
|
const onComplete = useCallback((data) => {
|
|
593
594
|
onSuccess(data);
|
|
@@ -723,7 +724,7 @@ const ImagePicker = ({ mediaType, isMultiSelect = false, onSuccess, visible, onC
|
|
|
723
724
|
};
|
|
724
725
|
const appliedTextColor = textColor || Colors.white;
|
|
725
726
|
const appliedIconColor = iconTintColor || textColor || Colors.white;
|
|
726
|
-
return (React.createElement(BottomSheet, { visible: visible, onClose: onClose, height: 230, sheetBackground: sheetBackgroundColor },
|
|
727
|
+
return (React.createElement(BottomSheet, { visible: visible, onClose: onClose, height: scale(230), sheetBackground: sheetBackgroundColor },
|
|
727
728
|
React.createElement(View, { style: styles.container },
|
|
728
729
|
React.createElement(TouchableOpacity, { style: styles.row, onPress: handleCamera },
|
|
729
730
|
React.createElement(Image, { source: Images.video_icon, style: [styles.icon, { tintColor: appliedIconColor }] }),
|
|
@@ -739,11 +740,14 @@ const ImagePicker = ({ mediaType, isMultiSelect = false, onSuccess, visible, onC
|
|
|
739
740
|
};
|
|
740
741
|
export default ImagePicker;
|
|
741
742
|
const styles = StyleSheet.create({
|
|
742
|
-
container: {
|
|
743
|
+
container: {
|
|
744
|
+
paddingVertical: 10,
|
|
745
|
+
paddingHorizontal: 16
|
|
746
|
+
},
|
|
743
747
|
row: {
|
|
744
748
|
flexDirection: "row",
|
|
745
749
|
alignItems: "center",
|
|
746
|
-
|
|
750
|
+
paddingVertical: 8,
|
|
747
751
|
},
|
|
748
752
|
text: {
|
|
749
753
|
...Typography.style.standardU(),
|