React native image annotations containing a link to a site - react-native

I am a complete beginner at react-native. I am trying to create an app where i can take multiple photos and add a tag/label with a link to a website to each of the photos. These links when tapped need to take the user to the specified website. I also want to be able to save all of the tags along with the images for later in the app. I have found some resources(components) regarding this but as a beginner, i do not know how to use any of them. I am listing these below. If anyone can help to use these or give me any direction as to how i can make this project, i would be really grateful.
resources i found:
https://github.com/skicson/react-native-image-annotation
https://github.com/JimmyDaddy/react-native-image-marker

Related

How to generate custom template for sharing contents in instagram stories

I'm working on a React Native app, and I'd like to create a function for sharing contents in Instagram stories, like the tweet below.
How can I generate a custom template, like Twitter does, using Python? Because my backend is written in Django.
=== UPDATE ===
I have done some research and found out that you can use various languages, such as FabricJs or PIL in Python, to draw an image. However, these can be a nightmare for high-complexity stickers. Therefore, my solution is to simply take a screenshot in the app using react-native-view-shot.
If someone has any better solutions, they would be greatly appreciated.
Thank you.
Websites previews based on website meta tags like open graph
You can use this library to generate it https://github.com/tjcages/expo-link-preview.
However, it maybe a better solution is to build these previous on the backend like here https://github.blog/2021-06-22-framework-building-open-graph-images/
And then share image with https://github.com/react-native-share/react-native-share

How to store and extract images

We are having an exercise on making mobile apps. Currently, we want to render each product and have their images attached. Initially, we refer to how to save images to a folder and save their path in the DB. but the problem comes when I call the API in React which gets this binding into a variable and can't use require in the Component Image. So we are thinking about converting the image to base54 and storing it. Trouble is, this string is quite large. Can someone give me advice on solving this problem, or a link to a tutorial.

React Native Multiple Images Picker

The problem
So, I am developing a react native application and I am facing the callenge of selecting multiple images from the user gallery. Just like apps like WhatsApp, Telegram, Twitter and even Reddit do. So with that in mind, i tried to use launchImageLibraryAsync from expo-image-picker but, as specified in their documentation, the "multiple selecion" of images is only supported on the web.
What I have thinked of
So, based on several searches, it seemed like i had to build my own "Gallery". To do this, so far i've tried to use #react-native-community/cameraroll and expo-media-library, but both of them requires that we pass the first property to the getPhotos (for #react-native-community/cameraroll) or to the getAssetsAsync (for expo-media-library) functions, which defines the first items to be fetched. This is a problem because I do not want to fetch like 20 items and then, when the user reaches the end of the list, it fetches more 20 items. I need something like this (this example is from Telegram). You can see that the app never stops me from scrolling, it goes all the way through my entire gallery.
What would also be nice
If you use reddit mobile, you can see that you can also select multiple photos using the several Apps like Google Photos, Files, Google Drive and so on.
This would be even nicer because I wouldn't need to implement a custom made Picker. Do you guys know how could I implement this?
OBS: I am using Expo with Bare Workflow, so I can use just about any package. I also opened a discussion at the Expo repo about it. You can check it here: https://github.com/expo/expo/discussions/15210.
Thank you in advance :)
I have been using this package called expo-images-picker check it out. It has similar function to what you need. It works in Mobile as well.
Link here

How can i add the Image Filter plugin in Xamarin.Form?

First of all I am new in Xamarin.Form. I am trying to get best from Google but some of functionality I am not able to get even searched a lot.
I am creating a Xamarin.Form app. In that app I want to provide a functionality of image filter. In that, the image captured by user or get from their internal memory should by filter.
I have tried to search on google to get some idea for it in Xamarin.Form but I still not get any link which can help me to get start.
First of all I don't know whether it is possible in Xamarin.Form or not. Can anybody suggest me a link or idea to achieve it?
I attached a Screenshot so you can easily understand the problem.
Screenshot
There are no out of the box APIs in Xamarin.Forms for Image filters.
Each platforms handles the images differently, you will need to implement these filters per platform bases.
You can find the instructions for iOS here and here for Android, then you can use the DependencyServices to access them in Forms app

How to create custom camera with user specified buttons in Android

I have created FB app in that i need Camera option. of course i want 3 buttons, one to take a picture and 2nd to save and Main thing is 3rd button that is to directly upload images to facebook without saving to specified location im Mobile. I searched a lot but cant get like this.So please help me out. Thanks in Advance