Flutter中如何让TextFormField支持表情符号且仅允许文本与表情输入？

Flutter的TextFormField默认支持表情符号输入，但如果要仅允许文本（多语言文字、可选标点/数字）和表情符号，核心是通过inputFormatters配合正则表达式过滤非法输入。

实现步骤 #

1. 用FilteringTextInputFormatter.allow()定义输入规则
   通过Unicode属性类的正则表达式，精准匹配允许的字符类型，确保覆盖所有表情和合法文本。

2. 编写匹配文本+表情的正则表达式
   正则需包含：

   • \p{L}：任意语言的文字（中文、英文、日文等）
   • \p{M}：文字的附加标记（如重音符号）
   • \p{Emoji}：所有表情符号
   • 可选：\p{N}（数字）、\p{P}（标点）、\s（空格），根据需求增减

完整代码示例 #

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

class EmojiTextInput extends StatelessWidget {
  const EmojiTextInput({super.key});

  @override
  Widget build(BuildContext context) {
    return TextFormField(
      // 配置输入过滤器，仅允许文本和表情
      inputFormatters: [
        FilteringTextInputFormatter.allow(
          RegExp(
            r'[\p{L}\p{M}\p{N}\p{P}\p{Emoji}\s]',
            unicode: true, // 必须开启，才能识别Unicode属性类
          ),
        ),
      ],
      decoration: const InputDecoration(
        labelText: '输入文本或表情',
        border: OutlineInputBorder(),
      ),
      maxLines: null, // 可选：允许多行输入
    );
  }
}

自定义调整规则 #

• 如果不需要数字，去掉正则中的\p{N}
• 如果不需要标点，去掉\p{P}
• 如果要禁止空格，去掉\s
• 若需更严格的表情范围，可替换\p{Emoji}为具体的表情Unicode区间（比如[\u{1F600}-\u{1F64F}\u{1F300}-\u{1F5FF}...]），但\p{Emoji}覆盖更全面

内容的提问来源于stack exchange，提问作者wolfsoft Developer