当前位置：首页 > news >正文

Flutter鸿蒙版本灵活使用方法间的回调处理复杂化的逻辑

news 2025/8/26 16:26:04

写在前面

示例代码

main.dart:

one.dart:

代码解析

1. 主入口 main 函数

2. MyApp 类

3. CallbackExample 类

4. onok 函数

5. one 函数

写在后面

写在前面

在 Flutter 开发中，灵活使用函数之间的回调带来了多种好处，包括提高可重用性、简化异步编程、增强解耦设计以及提升用户体验。回调不仅使代码更易于理解和维护，还使得处理复杂逻辑变得简单且高效。因此，掌握回调函数的使用是 Flutter 开发者的重要技能。

示例代码

以下是我们将要讨论的完整代码：

main.dart:

import 'package:flutter/material.dart';import 'one.dart';void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Custom Callback Example',home: CallbackExample(),);}
}var age = "18";class CallbackExample extends StatelessWidget {@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('Custom Callback Example'),),body: Center(child: ElevatedButton(onPressed: () {onok();},child: Text('开始任务'),),),);}
}onok() {one(123456789, "XIAOLI", (success) {if(success == true){print("age=$age");}else if(success == false){print("one函数回调false的逻辑");}});
}

one.dart:

Future<void> one(int? ID, String? name,Function(bool) callback) async {Map<String,dynamic>List = {'ID':ID,'name':name};var num = List.length;if(num!=0){callback(true);}
}

代码解析

1. 主入口 `main` 函数

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

main 函数是 Flutter 应用的入口点，它调用 runApp 函数来启动应用。这里我们传入一个 MyApp 实例。

2. `MyApp` 类

class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Custom Callback Example',home: CallbackExample(),);}
}

MyApp 是应用的根组件，返回一个 MaterialApp，它设置了应用的标题和主页。在这个例子中，主页是 CallbackExample。

3. `CallbackExample` 类

class CallbackExample extends StatelessWidget {@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('Custom Callback Example'),),body: Center(child: ElevatedButton(onPressed: () {onok();},child: Text('开始任务'),),),);}
}

CallbackExample 是一个无状态组件，其中包含一个 ElevatedButton 按钮。当用户点击按钮时，将调用 onok 函数。

4. `onok` 函数

void onok() {one(123456789, "XIAOLI", (success) {if (success == true) {print("age=$age");} else if (success == false) {print("one函数回调false的逻辑");}});
}

onok 函数调用 one 函数，传入三个参数：一个 ID（123456789）、一个 name（"XIAOLI"）以及一个回调函数。回调函数接受一个布尔值 success，用于判断操作是否成功。

如果 success 为 true，打印 age 的值。
如果 success 为 false，打印一条失败的逻辑。

5. `one` 函数

Future<void> one(int? ID, String? name, Function(bool) callback) async {Map<String, dynamic> list = {'ID': ID,'name': name};var num = list.length;// 如果数据不为空，则调用回调函数并返回成功状态if (num != 0) {callback(true);} else {callback(false);}
}

one 函数模拟了一个异步操作，它接受三个参数：ID、name 和一个回调函数 callback。