Flutter中如何获取TextField的值并将其转换为MD5加密

步骤1：添加依赖 #

在项目的pubspec.yaml文件中引入crypto包，它提供了MD5加密的实现：

dependencies:
  flutter:
    sdk: flutter
  crypto: ^3.0.3 # 可使用最新稳定版本

执行flutter pub get完成依赖安装。

步骤2：编写MD5加密工具函数 #

在你的Dart文件中导入相关库，并实现加密函数：

import 'dart:convert';
import 'package:crypto/crypto.dart';

// 生成MD5哈希值的工具函数
String generateMd5(String input) {
  return md5.convert(utf8.encode(input)).toString();
}

步骤3：获取输入框值并执行加密 #

你可以通过两种方式获取输入框的内容，再调用加密函数处理：

• 方式一：直接使用passwordController.text（推荐，因为你已经为输入框绑定了控制器）
• 方式二：使用你在onChanged回调中保存的password1变量

以下是在提交操作中使用加密的示例：

// 示例：添加一个提交按钮来触发加密操作
ElevatedButton(
  onPressed: () {
    // 获取输入框内容并去除前后空格
    String rawPassword = passwordController.text.trim();
    if (rawPassword.isNotEmpty) {
      String encryptedPassword = generateMd5(rawPassword);
      print('加密后的MD5值：$encryptedPassword');
      // 这里可以将加密后的密码用于后续逻辑，比如提交到服务器
    }
  },
  child: const Text('提交'),
)

重要提示 #

MD5属于不可逆哈希算法，且安全性较低，不建议用于存储用户密码这类敏感数据，推荐使用bcrypt、Argon2等更安全的加密方案。

内容的提问来源于stack exchange，提问作者Sakthivel k