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

相关推荐
To_OC40 分钟前
LC 22 括号生成:刷完这道题,我终于搞懂回溯剪枝了
javascript·算法·leetcode
小二·42 分钟前
Next.js 15 企业级实战:从项目搭建到CI/CD全链路(App Router + Server Components + Turbopack)
javascript·ci/cd·turbopack
像我这样帅的人丶你还1 小时前
🚀大文件上传的那些事
前端·javascript·架构
To_OC1 小时前
LC 39 组合总和:回溯入门必刷题,我踩过的两个坑都在这了
javascript·算法·leetcode
左有道1 小时前
用 Flutter 做一个更顺手的日历组件:calendarview_flutter
flutter
橘子星1 小时前
从零理解流式输出 —— 一个 Vue + DeepSeek 的前端实战
前端·javascript·人工智能
hqk2 小时前
玩Android×AI Coding:从产品到代码,完整跑通一套 AI 软件研发工作流
android·ai编程·vibecoding
安卓修改大师2 小时前
安卓修改大师实战:深入解析Android主题Theme修改与沉浸式界面实现
android
এ慕ོ冬℘゜2 小时前
深入 JavaScript BOM:掌握 window 对象的窗口控制魔法
开发语言·javascript·ecmascript
一枚菜鸟_3 小时前
Flutter + Cursor 一天出 App?这 3 个坑让开发者多花了 3 小时
flutter·cursor