Flutter框架跨平台鸿蒙开发——Pattern Matching模式匹配

一、Pattern Matching概述

Pattern Matching提供了一种声明式的方式来处理数据结构。




表达式
匹配Pattern
是否匹配?
执行对应分支
尝试下一分支
还有分支?
执行默认分支
返回结果

|| 特性 | 说明 |

|------|------|

| 声明式 | 代码更清晰 |

| 类型安全 | 编译时检查 |

| 解构支持 | 同时匹配和提取 |

| 多层次 | 支持嵌套匹配 |

二、示例代码

dart 复制代码
class _Page04PatternDemo extends StatefulWidget {
  const _Page04PatternDemo();

  @override
  State<_Page04PatternDemo> createState() => _Page04PatternDemoState();
}

class _Page04PatternDemoState extends State<_Page04PatternDemo> {
  String _input = 'user:123';
  String _result = '';

  void _analyzeInput() {
    setState(() {
      _result = _analyzeUserInput(_input);
    });
  }

  String _analyzeUserInput(String input) {
    switch (input) {
      case 'admin':
        return '管理员权限';
      case final s when s.startsWith('user:'):
        return '用户ID: ${s.split(':')[1]}';
      case final s when s.startsWith('guest:'):
        return '访客: ${s.split(':')[1]}';
      case '':
        return '空输入';
      default:
        return '未知输入';
    }
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.green.shade50,
      padding: const EdgeInsets.all(20),
      child: Column(
        children: [
          Container(
            padding: const EdgeInsets.all(20),
            decoration: BoxDecoration(
              color: Colors.green.shade600,
              borderRadius: BorderRadius.circular(20),
            ),
            child: const Column(
              children: [
                Icon(Icons.pattern, size: 48, color: Colors.white),
                SizedBox(height: 16),
                Text(
                  'Pattern Matching',
                  style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold, color: Colors.white),
                ),
                SizedBox(height: 8),
                Text('模式匹配 - 页面 4/5', style: TextStyle(color: Colors.white70)),
              ],
            ),
          ),
          const SizedBox(height: 24),
          Expanded(
            child: Container(
              padding: const EdgeInsets.all(20),
              decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(20)),
              child: Column(
                children: [
                  TextField(
                    decoration: InputDecoration(
                      labelText: '输入用户信息',
                      border: OutlineInputBorder(borderRadius: BorderRadius.circular(10)),
                      hintText: '试试: admin, user:123, guest:456',
                    ),
                    onChanged: (value) => _input = value,
                  ),
                  const SizedBox(height: 20),
                  ElevatedButton(
                    onPressed: _analyzeInput,
                    style: ElevatedButton.styleFrom(backgroundColor: Colors.green.shade600),
                    child: const Text('分析', style: TextStyle(color: Colors.white)),
                  ),
                  const SizedBox(height: 20),
                  if (_result.isNotEmpty)
                    Container(
                      padding: const EdgeInsets.all(16),
                      decoration: BoxDecoration(
                        color: Colors.green.shade100,
                        borderRadius: BorderRadius.circular(10),
                      ),
                      child: Text(_result, style: const TextStyle(fontSize: 18)),
                    ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}

三、匹配流程









输入
匹配admin?
返回管理员权限
以user:开头?
提取并返回用户ID
以guest:开头?
返回访客信息
是空字符串?
返回空输入
返回未知输入

四、Pattern类型

Pattern 说明 示例
常量模式 匹配固定值 case 42:
变量模式 匹配任意值并绑定 case var x:
通配符模式 匹配任意值不绑定 case _:
记录模式 解构Record case (a, b):

五、最佳实践

  • ✅ 从具体到抽象排列case
  • ✅ 使用守卫条件提高精度
  • ✅ 充分利用解构
  • ❌ 避免过度嵌套

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net

相关推荐
Android小码家1 小时前
Framework之Launcher小窗开发
android·framework·虚拟屏·小窗
赏金术士1 小时前
第七章:状态管理实战与架构总结
android·ui·kotlin·compose
卡卡军2 小时前
agmd 1.0 重磅升级——Rust 重写,性能起飞
javascript·rust
Larcher2 小时前
🔥 告别抓瞎:用 Claude Code (cc) 优雅接手与维护已有项目
javascript·机器学习·前端框架
JYeontu2 小时前
轮播图不够惊艳?试下这个立体卡片轮播图
前端·javascript·css
亲亲小宝宝鸭2 小时前
如何监听DOM尺寸的变化?element-resize-detector 和 resizeObserver
前端·javascript
颂love2 小时前
MySQL的执行流程
android·数据库·mysql
卷帘依旧5 小时前
Generator 全面解析 + async/await 深度对比
前端·javascript
weixin_471383035 小时前
统一缩放单位基础(px、em、rem)
开发语言·javascript·ecmascript
yqcoder5 小时前
数据劫持的双雄:深入解析 Object.defineProperty 与 Proxy
开发语言·前端·javascript