Flutter数据加密解密插件rn_encrypt_decrypt的使用

在本教程中，我们将展示如何使用rn_encrypt_decrypt插件进行数据加密和解密。此插件支持Android和iOS平台。

平台支持

使用方法

首先，确保你已经在pubspec.yaml文件中添加了rn_encrypt_decrypt插件：

dependencies:
  rn_encrypt_decrypt: ^版本号

接下来，我们来看一个完整的示例代码，演示如何使用该插件进行数据加密和解密。

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

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

class _MyAppState extends State<MyApp> {
  final _rnEncryptDecryptPlugin = RnEncryptDecrypt();
  final TextEditingController _textMessageToEncrypt = TextEditingController(text: 'I am a software Developer with keen interest to learn new tech.');
  final TextEditingController _textKey = TextEditingController(text: 'techgeek.cloud');
  
  // 显示解密后的数据
  String displayData = "";

  @override
  void initState() {
    super.initState();
  }

  // 加密函数
  _encryption({required String key, required String data}) {
    return _rnEncryptDecryptPlugin.encrypt(key, data);
  }

  // 解密函数
  _decryption({required String key, required String data}) {
    return _rnEncryptDecryptPlugin.decrypt(key, data);
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Encrypt Decrypt',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('RnCrypt App'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              // 输入密钥
              TextFormField(controller: _textKey),
              const SizedBox(height: 10,),
              
              // 输入要加密的数据
              TextField(controller: _textMessageToEncrypt, maxLines: 4),
              const SizedBox(height: 10,),
              
              // 显示加密或解密后的数据
              Text(
                displayData,
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  // 加密按钮
                  FilledButton(
                    onPressed: () async {
                      // 对数据进行加密
                      displayData = await _encryption(key: _textKey.text, data: _textMessageToEncrypt.text);
                      setState(() {});
                    },
                    child: const Text('执行加密'),
                  ),
                  
                  // 解密按钮
                  FilledButton(
                    onPressed: () async {
                      // 对数据进行解密
                      _textMessageToEncrypt.text = await _decryption(key: _textKey.text, data: displayData);
                      setState(() {});
                    },
                    child: const Text('执行解密'),
                  ),
                ],
              )
            ],
          ),
        ),
      ),
    );
  }
}

说明

1. 导入包：

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

2. 初始化插件：

   final _rnEncryptDecryptPlugin = RnEncryptDecrypt();
   

3. 定义控制器：

   final TextEditingController _textMessageToEncrypt = TextEditingController(text: 'I am a software Developer with keen interest to learn new tech.');
   final TextEditingController _textKey = TextEditingController(text: 'techgeek.cloud');
   

4. 加密函数：

   _encryption({required String key, required String data}) {
     return _rnEncryptDecryptPlugin.encrypt(key, data);
   }
   

5. 解密函数：

   _decryption({required String key, required String data}) {
     return _rnEncryptDecryptPlugin.decrypt(key, data);
   }
   

6. UI布局：

   • 输入框用于输入密钥。
   • 文本框用于输入要加密的数据。
   • 按钮用于触发加密和解密操作。

7. 加密操作：

   onPressed: () async {
     displayData = await _encryption(key: _textKey.text, data: _textMessageToEncrypt.text);
     setState(() {});
   }
   

8. 解密操作：

   onPressed: () async {
     _textMessageToEncrypt.text = await _decryption(key: _textKey.text, data: displayData);
     setState(() {});
   }