A last-mile delivery app is a software application used to manage, coordinate, and track the delivery of goods from a transportation hub to their final destination, which is usually a personal residence. This is often the most complex part of the entire delivery process because it involves navigating residential areas, dealing with traffic, ensuring the safe and timely delivery of the product, and confirming successful delivery. The demand for last-mile delivery apps has increased significantly with the rise of e-commerce and the growing expectation of fast and efficient home deliveries. In this article, we’ll show you how to build a prototype for a last-mile delivery app using Flutter and Dynamsoft Vision SDKs (Dynamsoft Barcode Reader, Dynamsoft Label Recognizer, and Dynamsoft Document Normalizer). With this prototype, you can experiment with the app’s design and features and use it as a starting point for developing your own last-mile delivery app.

Why Flutter and Dynamsoft Vision SDKs?

Flutter: Our goal is to build an app for desktop, mobile, and web. Flutter is a cross-platform UI toolkit that allows you to easily build apps from a single codebase. It is efficient that only Dart code is required to build UIs for multiple platforms. Flutter also has a large community of developers and a wide range of third-party packages that can be used to add additional functionality to your app.

Dynamsoft Vision SDKs: Dynamsoft Vision SDKs are a set of software development kits that provide APIs for barcode scanning, MRZ recognition, and document processing. They are available for Windows, Linux, macOS, Android, iOS, and web platforms. The Flutter plugins for Dynamsoft Vision SDKs include flutter_barcode_sdk, flutter_ocr_sdk, and flutter_document_scan_sdk. They allow you to easily integrate Dynamsoft Vision SDKs into your Flutter apps.

App Design and Workflow

The basic workflow of the app is as follows:

Launch the App: Start the application on your device. This will take you directly to the sign-up page.

Sign Up or Sign In: If you are a new user, create a new account by signing up. If you are an existing user, sign in to your account.

Profile Verification: Once you have signed up or signed in, you will be directed to the profile page. At this point, your profile is not yet verified. To verify your profile, click a button to open the camera.

Scan License or Passport: Use the camera to scan your driver’s license or passport. This will provide the necessary personal information for profile verification.

Profile Verification Process: After scanning your license or passport, your profile will go through a verification process.

Navigate to Order Page: Once your profile is verified, you will be directed to the order page. Here, you can see the orders assigned to you.

Scan Order Barcode: To get the information of an order, scan the barcode of the order.

Scan Document and Deliver Order: Scan the necessary document for the order and click a button to deliver the order.

Return to Order Page: After delivering the order, you will be directed back to the order page where you can continue with the next order.

Developing the Core Features

In the subsequent sections, we will discuss how to develop the core features of the app, including camera integration, barcode scanning, MRZ recognition, document scanning, and data storage management.

How to Fetch Camera Streaming Images and Construct Camera Preview Widgets

We use camera plugins to obtain camera stream images, which are essential for barcode scanning, MRZ recognition, and document scanning. The official camera plugin offers a startImageStream() method that fetches the camera stream for both Android and iOS platforms. For web applications, its takePicture() method can be utilized to continuously capture images, which are of blob type. The camera_windows plugin is currently under development and does not yet support image streaming.