Is it possible to replace inbuilt gallery with our customised gallery in capacitors camera preview - capacitor-plugin

Is it possible to modify capacitors inbuilt functionality with our custom code? Like I want to replace the capacitor's native gallery link with my customised gallery page in capacitor's camera preview?

Related

Using custom gif as a loading icon within <ActivityIndicator> using react-native

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.

How to create a circular crop mask for images in React Native

I've created a custom image picker using expo-media-library, and now I want to create a circular image crop mask, like on instagram or whatspp when you change the profile picture.
I found this package, https://github.com/ivpusic/react-native-image-crop-picker but it has some bugs.
Is it possible to create a custom image crop using existing react-native packages without working on native side?
Here's the packages I think could be useful:
#react-native-community/image-editor
react-native-masked-view/masked-view
Thank you

Add background video section to shopify

Currently my hero section used a gif on slideshow. I want to replace the gif with mp4 however slideshow doesn't support mp4 file. I'm thinking of using background video instead, but how do I implement that ? I only found that background video feature is available through premium app
https://pangeamovement.com/

React Native Camera Image with Text

I want to do image capture and pass text along with the image in react native app, just like whatsapp does. When you invoke the camera to take a picture it will just capture the image and there is no way to add the text. Is there any component available for this kind of requirement.
Something like this Sample Example
No component can achieve that at the moment, you can simply add text on the picture juste like: https://medium.com/#mheavers/vertically-centering-text-over-images-in-react-native-with-flexbox-935e822751f3
and use this package to save it as an image
https://github.com/gre/react-native-view-shot
You can use react-native-camera.

Open the iPhone camera?

We need to open the iPhone camera, to take images that will be saved to the camera roll.
I have read many examples here that all of them opens the UIImagePickerView.
Besides the fact that i cant understand why i have to open the picker view in order to open the camera , i just can't do that- i dont want the picker view, because i have my costumed photo album that we build, and we just need to have a little button in it, that opens the camera to take an image . without opening any other views above it .
Is that possible to use the camera without this pickerview that will cover my scene ?
or can i lead the user to the camera app and than take him back to my app ?
Thanks.
Instead of high level (i.e. Apple supplies the UI element) classes, you have to go to a more foundational (lower) level of API's, which would be AVCaptureDevice and AVCaptureDeviceInput.
And Apple has some nice source code available in their AVCam project.
If you want to display camera stream in you app without UIImagePickerController than you should you AVFoundation framework.
Here some some examples and tutorials:
take-photos-with AVFoundation
Custom camera
Displaying camera