Features

A widget displays an encrypted image from the asset folder. The best package is to secure your local resource. It commonly uses in some apps such as Home Workout, Math Riddles and Puzzles, English Learning,...

Reference:

• 📁 FileCryptor (https://github.com/webdastur/file_cryptor)

Getting started

You should ensure that you add the router as a dependency in your flutter project.

dependencies:
  encrypted_asset_image: ^0.0.1

You should then run flutter pub get. Don't forget to declare assets resource in pubspec.yaml.

flutter:
  assets:
    - assets/

Example Project

There is a example project in the example folder. Check it out. However, to encrypt image, you can check out in crypto_example folder.

Usage

1 - Generate an encrypted image

import 'dart:io';
import 'package:file_cryptor/src/file_cryptor.dart';

void main() async {
  // Init file crypto with key length = 32
  FileCryptor fileCryptor = FileCryptor(
    key: "VihW5CNfR9Fmhgz6b5AbUDQPsAzRWCA8",
    iv: 16,
    dir: "crypto_example",
  );
  const fileName = 'logo_image.png';

  // Encrypt file and calculate executed time
  var stopwatch1 = Stopwatch()..start();

  File encryptedFile = await fileCryptor.encrypt(
      inputFile: "raw/$fileName", outputFile: "encrypt/$fileName");

  print('Encryption executed in ${stopwatch1.elapsed}');
  print('Encrypted file path: ${encryptedFile.absolute}');

  // Decrypt file and calculate executed time
  var stopwatch2 = Stopwatch()..start();

  File decryptedFile = await fileCryptor.decrypt(
      inputFile: "encrypt/$fileName", outputFile: "decrypt/$fileName");

  print('Decryption executed in ${stopwatch2.elapsed}');
  print('Decrypted file path: ${decryptedFile.absolute}');
}

2 - EncryptedAssetImage

Basic widget

final FileCryptor fileCryptor = FileCryptor(
    key: 'VihW5CNfR9Fmhgz6b5AbUDQPsAzRWCA8', // This is your key with a length equal to 32
    iv: 16, // iv is Initialization vector encryption times
    dir: 'example', // Not required for this widget
    );

new EncryptedAssetImage(
    assetPath: 'assets/encrypted_logo_image.png',
    fileCryptor: fileCryptor)

Complete example

import 'package:encrypted_asset_image/encrypted_asset_image.dart';
import 'package:flutter/material.dart';

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late final FileCryptor fileCryptor;

  @override
  void initState() {
    fileCryptor = FileCryptor(
      key: 'VihW5CNfR9Fmhgz6b5AbUDQPsAzRWCA8', // This is your key with a length equal to 32
      iv: 16, // iv is Initialization vector encryption times
      dir: '', // Not required for this widget
    );
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Encrypted Asset Image Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Expanded(
                child: EncryptedAssetImage(
                    assetPath: 'assets/encrypted_logo_image.png',
                    fileCryptor: fileCryptor)),
            Expanded(
                child: EncryptedAssetImage(
                    assetPath: 'assets/encrypted_dash_image.png',
                    fileCryptor: fileCryptor))
          ],
        ),
      ),
    );
  }
}

Additional information

You can follow me on Linkedin [DuocNP] (https://www.linkedin.com/in/duocnguyen6799)