stream-chat-react-native 4.0.0-beta.1 → 4.0.0-beta.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native",
   "description": "The official React Native SDK for Stream Chat, a service for building chat applications",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.5",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -11,7 +11,7 @@
   "types": "types/index.d.ts",
   "dependencies": {
     "es6-symbol": "^3.1.3",
-    "stream-chat-react-native-core": "4.0.0-beta.1"
+    "stream-chat-react-native-core": "4.0.0-beta.5"
   },
   "peerDependencies": {
     "@react-native-community/cameraroll": ">=4.0.1",

package/src/index.js

@@ -1,14 +1,16 @@
 import React from 'react';
-import { PermissionsAndroid, Platform } from 'react-native';
-import CameraRoll from '@react-native-community/cameraroll';
-import NetInfo from '@react-native-community/netinfo';
-import { FlatList } from '@stream-io/flat-list-mvcp';
+import { Image, PermissionsAndroid, Platform } from 'react-native';
+
 import DocumentPicker from 'react-native-document-picker';
 import RNFS from 'react-native-fs';
 import ReactNativeHapticFeedback from 'react-native-haptic-feedback';
 import ImagePicker from 'react-native-image-crop-picker';
 import ImageResizer from 'react-native-image-resizer';
 import RNShare from 'react-native-share';
+
+import CameraRoll from '@react-native-community/cameraroll';
+import NetInfo from '@react-native-community/netinfo';
+import { FlatList } from '@stream-io/flat-list-mvcp';
 import { registerNativeHandlers } from 'stream-chat-react-native-core';
 
 registerNativeHandlers({
@@ -199,13 +201,41 @@ registerNativeHandlers({
     const photo = await ImagePicker.openCamera({
       compressImageQuality: Math.min(Math.max(0, compressImageQuality), 1),
     });
+
     if (photo.height && photo.width && photo.path) {
+      let size = {};
+      if (Platform.OS === 'android') {
+        // Height and width returned by ImagePicker are incorrect on Android.
+        // The issue is described in following github issue:
+        // https://github.com/ivpusic/react-native-image-crop-picker/issues/901
+        // This we can't rely on them as it is, and we need to use Image.getSize
+        // to get accurate size.
+        const getSize = () => new Promise((resolve) => {
+          Image.getSize(photo.path, (width, height) => {
+            resolve({height, width});
+          });
+        });
+
+        try {
+          const { height, width } = await getSize();
+          size.height = height;
+          size.width = width;
+        } catch (e) {
+          // do nothing
+          console.warning('Error get image size of picture caputred from camera ', e);
+        }
+      } else {
+        size = {
+          height: photo.height,
+          width: photo.width,
+        };
+      }
+
       return {
         cancelled: false,
-        height: photo.height,
         source: 'camera',
         uri: photo.path,
-        width: photo.width,
+        ...size,
       };
     }
     return { cancelled: true };