Tag: react native
-
The International Standard Book Number (ISBN) is a numeric commercial book identifier. We can find it on the back cover of a book. An EAN-13 barcode is usually printed to be read by machines. In this article, we are going to build a React Native app to scan ISBN using...
-
DotCode is a two-dimensional (2D) matrix barcode mainly used in the tobacco industry with advantages like the ability to apply the barcode by high-speed industrial printers and other methods like laser engraving. Below is a pack of cigarettes with a DotCode representing its unique identifier. In this article, we are...
-
Barcode has been around for more than half a century. There are various types of barcodes and reading libraries. Some libraries focus on one barcode format like libdmtx while most libraries can read all kinds of formats. In this article, we are going to implement a mobile barcode scanner with...
-
In this article, we are going to write a React Native demo to crop images. It uses React Native Skia and React Native Gesture Handler to provide an interactive cropper. Dynamsoft Document Normalizer is used to detect the document boundaries and do perspective transformation to crop the image. New Project...
-
MRZ (machine-readable zone) is a section on ID documents. It is designed to be read by a machine to get the document owner’s info, like name, age, sex and nationality. In this article, we are going to build an expo application to scan MRZ. Dynamsoft Label Recognizer is used to...
-
Identity documents are adopted in many countries to prove a person’s identity. They usually have a card design around 8.6 cm x 5.4 cm in size with three-line MRZ, like ID cards in Germany and the Netherlands. Dutch ID Card Specimen: In this article, we are going to talk about...
-
React Native Vision Camera is a React Native camera library which makes it easy to build a camera app with various image processing features like barcode reading, document scanning and OCR. It has a feature called frame processor. We can write frame processor plugins to integrate image processing features with...
-
Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. It is basically a set of tools built on top of React Native, which makes it easy to develop and distribute apps. In this article, we are going to build...
-
In the previous article, we run a QR code scanner in React-Native-WebView on Android and iOS. React Native can also run in a web browser with React Native Web, which uses React DOM to accurately render React Native compatible JavaScript code in a web page. In this article, we are...
-
React Native is an open-source UI software framework to create apps mainly for Android and iOS. Apart from native components, we can also use React-Native-WebView to utilize web technologies. In this article, we are going to take about how to start a QR code scanner in React-Native-WebView. We can use...
-
In the previous article, we demonstrated how to build a React Native QR code scanner using Vision Camera and the Dynamsoft Barcode Reader frame processor plugin. In this article, we are going to talk about how to build a barcode scanner using Expo. Expo is an open-source platform for making...
-
In the previous article, we’ve built a document normalization React Native Vision Camera frame processor based on Dynamsoft Document Normalizer SDK. In this article, we are going to use it to build a React Native document scanning demo app. This article is Part 2 in a 2-Part Series. Part 1...
-
Dynamsoft Document Normalizer is an SDK to detect the boundary of documents and runs perspective transformation to get a normalized document image. A normalized image can be used for further processing such as OCR. In this article, we are going to create a React Native Vision Camera frame processor plugin...
-
In the previous series of articles, we’ve created a react-native-vision-camera frame processor plugin of Dynamsoft Label Recognizer to recognize text. In this article, we are going to build an MRZ scanner using this plugin to better illustrate how to use it. MRZ stands for machine-readable zone, which is usually at...
-
In the previous article, we’ve talked about how to build a React Native Vision Camera frame processor plugin for Android to recognize text using Dynamsoft Label Recognizer. In this article, we will finish the iOS part of the plugin. This article is Part 2 in a 3-Part Series. Part 1...
-
Dynamsoft Label Recognizer (DLR) is an SDK that makes it easy to add text recognition function to our apps. We can use it to recognize text on labels, ID cards, etc. In this article, we are going to create a React Native Vision Camera frame processor plugin for DLR to...
-
In the previous series articles, we’ve created a react-native-vision-camera frame processor plugin of Dynamsoft Barcode Reader to scan barcodes. In this article, we are going to build a QR Code scanner using this plugin to better illustrate how to use it. A preview of the final result: The app consists...
-
In the previous article, we’ve created a React Native Vision Camera frame processor plugin for Dynamsoft Barcode Reader (DBR). Let’s continue to create the frame processor plugin for iOS. This article is Part 2 in a 3-Part Series. Part 1 - Build a React Native Vision Camera Frame Processor Plugin...
-
The previous popular react-native-camera project is now deprecated in favor of react-native-vision-camera. Vision Camera offers new APIs, better performance, improved stability and more features. It has a feature called Frame processors, which makes it easy to integrate extra image processing abilities. We are going to create a frame processor plugin...
-
Note: This article talks about how to build a QR code scanner native UI component for React Native. If you need to use Dynamsoft Barcode Reader in a React Native project for production, please use the official Dynamsoft Capture Vision SDK. React Native is an open-source UI software framework made...
-
React Native is a JavaScript framework that enables developers to build mobile apps for Android and iOS platforms with one codebase. Even if you are a web developer, you can quickly develop mobile applications using React Native. Not like Cordova that uses WebViews, React Native produces a truly native user...