React Native调用Android原生代码实现车牌识别功能【附效果图附源码】

最新推荐文章于 2024-09-21 13:55:10 发布

置顶 lucherr

最新推荐文章于 2024-09-21 13:55:10 发布

阅读量5.9k

点赞数 2

分类专栏：学习笔记--android 文章标签： Android React Native 车牌识别

本文链接：https://blog.csdn.net/lucherr/article/details/71908180

版权

学习笔记--android 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

转载请注明出处,原文地址:http://blog.csdn.net/lucherr/article/details/71908180

这段时间研究了下React Native，Facebook推出的，结合了Web应用和Native应用的优势，可以使用JavaScript来开发iOS和Android原生应用，决定简单研究下，于是开始搭建环境，编写HelloWorld，完成后又觉得HelloWorld过于简单(执行完命令你就拥有一个HelloWorld了)，根本没有领会到RN在项目中的应用，刚好前段时间研究了车牌识别，所以决定把RN和车牌识别功能集成到一起折腾下，更深入的了解下RN。由于之前没有用过RN，在编写的过程中踩了很多坑，查资料的时候才发现原来好多人都踩过，如果你导入源码后不能直接运行，我只能告诉你这是正常的:)

注：本文主要专注于源码的大概介绍，讲的不是很详细，需要大家阅读源码体会，文末会给出源码地址，如果你想先体验一下效果，可以下载apk安装试试，文末也会给出下载地址。

这个demo也是站在巨人的肩膀上完成的，在此感谢以下网站/源码的作者，感谢他们的无私奉献和开源精神：

1.http://reactnative.cn

目前关于RN的资料已经有很多了，作者主要是在该网站上学习RN的，讲的很详细

2.https://github.com/liuruoze/EasyPR

基于openCV的中文车牌识别系统，运行在Windows系统上，详细介绍可以查看项目的Readme

3.https://github.com/linuxxx/EasyPR

基于EasyPR移植的Android版本，本demo车牌识别部分就是基于该源码进行开发的，对拍照部分重新进行了开发，优化了照片的分辨率以及自动对焦功能，增加了车牌识别度。

4.其他相关资料的作者，有很多关于RN踩坑的:)

准备工作：

需要搭建好Android开发环境，准备好AS开发工具(Git环境可选)

需要搭建好NDK开发环境

需要搭建好RN开发环境

然后就可以开干了

作者的主要开发环境如下：
System： Ubuntu14.04
Android Studio: V2.3.1
Gradle: V2.14.1
NDK: android-ndk-r14b

（一）老规矩，先看下效果图（本来准备做动图的，原谅我太懒--!）：

1.图片车牌号识别

2.真实车牌号识别，车牌号最后一位打码，你懂的(等红灯的时候也不忘测试，有没有很感动^ ^)

(二）源码目录简介

1.RN源码目录结构

由文件的时间可知demo其实是在四月份就编写的，为什么现在才发出来？原谅我太任性:)

如果你研究过RN的HelloWorld，对这个目录应该就没有疑问了，这是RN源码的根目录，通过react-native的init命令直接初始化来的（正常应该还有ios文件夹，我移除了）

2.Android原生代码目录结构

展开RN目录中android文件夹，这是原生代码的根目录，Android Studio结构的，也就意味着接下来是使用AS来开发原生源码

OpencvNative目录里存放着OpenCV相关的源码，该源码是在EasyPR_Android的jni部分引入的，EasyPR_Android都已经配置好了，你只需要有ndk编译环境就可以拥有

(三)导入方法简介

对源码的开发工作分两部分：

一是RN部分，这部分源码不需要导入AS，直接编辑后运行即可，作者使用vscode进行编辑。

二是Android原生代码部分，这部分源码可以导入AS后进行编辑和编译，方法同正常的AS项目。

导入成功后你看到的界面是这个样子的：

注：导入后需要修改ndk路径，在app/build.gradle里，把下面代码中两处红色字体部分的ndk路径修改为自己的路径：

task buildNative(type: Exec, description: 'Compile JNI source via NDK') {
    commandLine "/home/lucher/main/softs/ndk/android-ndk-r14b/ndk-build",
            '-C', file('src/main/jni').absolutePath, // Change src/main/jni the relative path to your jni source
            '-j', Runtime.runtime.availableProcessors(),
            'all',
            'NDK_DEBUG=0'
}

task cleanNative(type: Exec, description: 'Clean JNI object files') {
    commandLine "/home/lucher/main/softs/ndk/android-ndk-r14b/ndk-build",
            '-C', file('src/main/jni').absolutePath, // Change src/main/jni the relative path to your jni source
            'clean'
}