I trying to build a native module module using kotlin for picking image from gallery, then crop it and display it in app. I have wrote code for picking the image and cropping, but when trying to send the cropped image using promise from native side to react native part, I am not receiving anything from the native side. if i send any string it is working but nor image. here is my image of onactivity result code
how can i get cropped image from the intent and send the result image to the react native part??
Related
I am creating an a React Native application which streams video. However, the video source is actually images as it is live and these are sent through STOMP sockets. The image sent are base64 encoded uri. I tried to use Image component but the flickering is bad and there is a lot of delay subsequently in rendering (image uri comes in way faster than the application is rendering). I tried to use libraries such as FastImage and NoFlickerImage but all failed to do the trick. Read up abit about the problem and found out that all of them uses Image component as a base. The problem is probably due to React Native Image component. Any way to get around this issue?
Tried NoFlickerImage, FastImage. Same outcome as Image, flickers and renders too slowly.
I am currently attempting to code an app in react native for an android device. I have created a custom loading component and am using the to show a loading icon.
But, I want to use a custom gif loading icon that contains my app's colours. I have looked but I cannot seem to find anything, is it possible to do this?
react native does not support gif feature in its raw form. However, in order to reach what you want and use gifs in the application, you can take a look at the accepted answer on the subject;
How do I display an animated gif in React Native?
Then all you need to do is to use Image component instead of ActivityIndicator. And passing the relevant gif information to the image component.
I've been looking for references for some time on how to draw rectangles in an image using react native, but I can not find anything.
What I try to do is something like the user touch on the screen to mark the start position, and move, and release on the end position. We have to keep displaying the updated square.
Example video
Code is available for native development using java. But I need it on react native.
We're trying to find out if a 360 3D image rotation package for React Native exists for both Android and iOS. (or if it's straight forward without)
e.g. http://www.voidcanvas.com/demo/28823deye/ (thats just a jQuery example)
We're aware that there's things like React 360, and Google VR - however these put YOU in the center of the 360 environment, rather than putting an image sequence in the center - and letting you rotate the object.
currently react native doesn't have such things but you can use webview inside react native and use a javascript library to achive that. or you can implement yours with react native gesture handler
I am Working on react native camera library to taking bitmap.
For example, when we capture a image it return image path, height, width etc.
Instead of these i need bitmap.
The best way to achieve what you're looking to do is likely going to be to use the Native UI Components API for iOS and Android to implement a custom native image view that applies the effects you are looking for.
React Native doesn't give the option of accessing access the raw bitmap data of the React Native (aka. RCTImage) component.