react调用摄像头拍照

React调用摄像头拍照场景

在一些移动app的个人登陆页面往往有头像的地方，我们可以根据自己的喜好随意的更换我们的头像。那么在react-native的项目中如果轻松的实现这一功能，下面有一些简单的步骤。

React调用摄像头拍照功能实现步骤

1. 在项目的终端中运行npm install react-native-image-picker@latest --save命令安装到项目运行依赖，此时调试可能会报错，如果报错，需要使用下面的步骤解决：
   • 先删除node_modules文件夹
   • 运行npm i
   • 运行npm start --reset-cache
2. 在项目的终端中运行react-native link自动注册相关的组件到原生配置中
3. 打开项目中的android->app->src->main->AndroidManifest.xml文件，在第8行添加如下配置：

<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

4. 打开项目中的android->app->src->main->java->com->当前项目名称文件夹->MainActivity.java文件，修改配置如下：

package com.native_camera;
import com.facebook