react-native-vision-camera VS react-native-maps

Camera and Image Captioning: For taking pictures we will use react-native-vision-camera and for generating captions from the images, react-native-quick-tflite.

> One of the big "aha" moments I had was a couple years ago when I was trying out Stripe's Identity product, which lets you take a selfie and a picture of your ID for identity verification purposes. It's pretty amazing how Stripe was able to do the full image analysis (i.e. edge detection when you take a picture of your ID) solely with browser APIs.

Do you have any details on that Stripe app? I've found the browser camera handling lacking on mobile if you want to overlay it with a "position the subject here" rectangle, or display instructions alongside, or detect QR codes as well as other subjects. I'd like this to be an out-of-date view. I've been considering React Native for the next version, using https://github.com/mrousavy/react-native-vision-camera as it seems much more feature complete.

You can use react-native-vision-camera and a frame processor that uses some kind of OCR to get the number plates.

This is a demonstration of what VisionCamera V3 is capable of - I built a small plugin to load any TensorFlow Model (.tflite) from resources and run it on every Camera Frame. This is going to be a game-changer, since the developer no longer needs to write native code for such complex tasks - it only takes a few lines of JavaScript to spin up a Camera, do real-time processing with a TensorFlow model, and draw anything to the Frame. Magic!

it's https://github.com/mrousavy/react-native-vision-camera

I finally got react-native-vision-camera and vision-camera-face-detector working yesterday by using Windows Subsystem for Linux (WSL). On windows itself it just doesn't work for me (https://github.com/mrousavy/react-native-vision-camera/issues/1474)

I'm the author of react-native-vision-camera, a library that exposes platform native Camera features to React Native.

Here’s an example from react-native-vision https://github.com/mrousavy/react-native-vision-camera/blob/main/example/src/views/StatusBarBlurBackground.tsx

6. Vision Camera

We are using the code below. And we use https://github.com/react-native-maps/react-native-maps for Maps

Now for the fun part - understanding the relevant MapView props! When reading the full MapView documentation you can see the MANY props but we will only need the following:

Are you using react-native-maps own polygons? There is a “polygon creator” example on their github: https://github.com/react-native-maps/react-native-maps/blob/master/example/src/examples/PolygonCreator.tsx

And their docsdont seem to include any draw/edit functions.

Plus google isn’t going to charge you for the google maps mobile sdk. Discussed here https://github.com/react-native-maps/react-native-maps/discussions/4278

react-native-maps offers map components for your Android or iOS application. The kit offers different types of component API such as MapView, Marker, Callout, Polygon, Polyline, Circle, and Overlay.

GitHub Stars: 13.7k

react-native-maps is the best option for handling location and maps in react native. you can use openstreet, google maps, apple maps, or any other tile overlay. also, it provides some good examples in its repository which covers most of the use cases.