The Names Have Been Changed

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

6856

Abstract

edFileExtension = selectedFileName.split(‘.’).last; if(allowedFormats != null || allowedFormats.isNotEmpty) { if(!allowedFormats.contains(‘ $selectedFileExtension’)) { print(selectedFileName); message = ‘Selected file format {$ selectedFileExtension } isn\’ allowed’; return FilePickerWrapperFailedResult(errorMessage: message,code: 0); } }

if ( maxFileSizeAllowed < file.lengthSync() / 1024) { message = ‘File size exceed, maximum file size allowed($maxFileSizeAllowed kB)’; return FilePickerWrapperFailedResult(errorMessage: message,code: 0); } return FilePickerWrapperSuccessResult(code: 1,filePath: file.path, fileName: selectedFileName); } }

class FilePickerWrapperResult { int code; // 1 means success result, 0 means failed or error result }

class FilePickerWrapperSuccessResult extends FilePickerWrapperResult { FilePickerWrapperSuccessResult({@required this.filePath, @required this.fileName, @required int code}) { this.code = code; } String filePath; String fileName; }

class FilePickerWrapperFailedResult extends FilePickerWrapperResult { FilePickerWrapperFailedResult({@required this.errorMessage, @required int code}) { this.code = code; } String errorMessage; }</pre></div>In this helper class, we added functionality to select the image from the gallery app on the device. Now create a new file and name it image_picker_wrapper.dart.<h1 id="c228">Enabling image selection</h1>Add the following code to this file:<div id="ef30"><pre>import ‘dart:io’; import ‘package:facerecognition/supporting_files/file_picker_wrapper.dart’; import ‘package:flutter/cupertino.dart’; import ‘package:flutter/material.dart’; import ‘package:image_picker/image_picker.dart’;

typedef ImagePickerResult = void Function(FilePickerWrapperResult result);

class ImagePickerWrapper { ImagePickerWrapper({ @required ImagePickerResult imagePickerResult, double maxFileSizeAllowed = 2024 //size in kb }) { this._imagePickerResult = imagePickerResult; this._maxFileSizeAllowed = maxFileSizeAllowed; } ImagePickerResult _imagePickerResult; double _maxFileSizeAllowed;

void openImagePickerActionSheet({@required BuildContext buildContext}) { if(buildContext == null) { print(‘build content can’’\’t be empty’); return; } if (Platform.isIOS) { _actionSheet(buildContext); } else { _androidBottomSheet(buildContext); } }

//For ios void _actionSheet(BuildContext context) { _containerForSheet<String>( context: context, child: CupertinoActionSheet( title: Text(‘’), message: Text(‘’), actions: <Widget>[ CupertinoActionSheetAction( child: Text(‘Camera’), onPressed: () { _openCamera(ImageSource.camera); }, ), CupertinoActionSheetAction( child: Text(‘Gallery’), onPressed: () async { _openFileExplorer(); }, ), ], cancelButton: CupertinoActionSheetAction( child: Text(‘Cancel’), isDefaultAction: true, onPressed: () { Navigator.pop(context, ‘Cancel’); }, ))); }

void _containerForSheet<T>({BuildContext context, Widget child}) { showCupertinoModalPopup<T>( context: context, builder: (BuildContext context) => child, ).then<void>((T value) { }); }

//For Android void _androidBottomSheet(BuildContext context) { show

Options

ModalBottomSheet<void>( context: context, builder: (BuildContext context) { return Container( margin: const EdgeInsets.only(left: 20.0, right: 20.0), child: Wrap( children: <Widget>[ ListTile( leading: Icon(Icons.camera), title: Text(‘Camera’), onTap: () { _openCamera(ImageSource.camera); }), ListTile( leading: const Icon(Icons.landscape), title: Text(‘Gallery’), onTap: () { // _openFileExplorer(); _openCamera(ImageSource.gallery); }, ), ], ), ); }); }

Future<void> _openCamera(ImageSource source) async { File imageSelected = await ImagePicker.pickImage( source: source, maxHeight: 400, maxWidth: 400); if (imageSelected != null) { final String fileName = imageSelected.path.split(‘/’).last; if ( _maxFileSizeAllowed < imageSelected.lengthSync() / 1024) { String message = ‘File size exceed, maximum file size allowed($_maxFileSizeAllowed kB)’; _imagePickerResult(FilePickerWrapperFailedResult(errorMessage: message,code: 0)); } _imagePickerResult(FilePickerWrapperSuccessResult(code: 1,filePath: imageSelected.path, fileName: fileName)); } else { _imagePickerResult(FilePickerWrapperFailedResult(errorMessage: ‘Failed to get the image’,code: 0)); } }

Future<void> _openFileExplorer() async { final FilePickerWrapperResult wrapperResult = await FilePickerWrapper() .openFileExplorer( maxFileSizeAllowed: 2048, fileFormatsAllowed: [‘jpeg’, ‘png’, ‘jpg’]); _imagePickerResult(wrapperResult); } }</pre></div>This helper class will provide the functionality to pick an image from the device’s gallery app or take a new one using the device’s camera. The alerts style will be as per the platform (i.e., on iOS, it will be shown in Cupertino style, and, on the Android platform, it will be displayed using Material style).In this blog, we have examined the steps needed to create a UI in Flutter to allow users to pick images from their phones for use with Amazon Rekognition.Next, we design a UI to allow the user to pick images and implement the functionality to pick image/s either from the camera or mobile storage. In the next part of this blog, we will focus on:<ul><li>Initiating the action of comparison.</li><li>Convert the raw result into a model.</li><li>Display the result of the comparison.</li></ul>Read the next part of the blog on implementing facial recognition where we cover these topics:<div id="eb9f" class="link-block"> <a href="https://readmedium.com/implementing-facial-recognition-in-flutter-apps-1e99a23ac9c4"> <div> <div> <h2>Implementing Facial Recognition in Flutter Apps</h2> <div><h3>Read our blog to learn how to implement Facial Recognition in Flutter Apps using Amazon Rekognition.</h3></div> <div>DLT Labs on medium.com</div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*aGrAV7khLCz6_oKQmAG29w.png)"></div> </div> </div> </a> </div>Amazon Rekognition is the intellectual property of Amazon Inc. Flutter is a trademark of Google LLC.Author — Suhail Shabir, DLT Labs™About the Author: Suhail is an application development professional who has worked on different platforms and technologies. He has completed his Bachelors in Computer Application from Kashmir University.Disclaimer: This article was originally published on the DLT Labs Blog page: <a href="https://www.dltlabs.com/blog/enabling-facial-recognition-in-flutterapps-764220">https://www.dltlabs.com/blog/enabling-facial-recognition-in-flutterapps-764220</a><figure id="2629"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*0Rjo1bW8T-fHbjiq.png"><figcaption></figcaption></figure></article></body>