flutter 相机加入mask（遮罩层）

实现效果：

实现的效果如上图，这里我们可以在中间加入一个遮罩层，中间的那个人的头像。

使用的插件也是目前第一次遇到过的，先放上地址：

pub地址：https://pub.dev/packages/camera_camera

更多文章查看个人主页：

Github搭建个人博客（最新版,亲测）

使用步骤：

1 导入：

2 android 清单文件中配置：

<activityandroid:name="com.yalantis.ucrop.UCropActivity"android:screenOrientation="portrait"android:theme="@style/Theme.AppCompat.Light.NoActionBar"/>

app/build.gradler下：

minSdkVersion 21

3 IOS info.plist文件配置：

<key>NSCameraUsageDescription</key><string>Can I use the camera please?</string><key>NSMicrophoneUsageDescription</key><string>Can I use the mic please?</string>

文件中使用：

var img = await Navigator.push(context,MaterialPageRoute(builder: (context) => Camera(orientationEnablePhoto: CameraOrientation.portrait,imageMask: Image.asset(ImageUtil.getLocalPath(ImageConstant.icon_mask),),)),);

在调用相册的时候最好使用一下权限声明：

void chosePhoto(int index) async {PermissionHandler().requestPermissions([PermissionGroup.photos, PermissionGroup.camera]).then((map) {if (map[PermissionGroup.photos] == PermissionStatus.granted ||map[PermissionGroup.camera] == PermissionStatus.granted) {chosePhotoFromPhone(context, index);}});}

这样我们就完成了整个相册mask（遮罩层）的功能。

更多文章查看个人主页：

Github搭建个人博客（最新版,亲测）