flutter VoidCallBack ValueChange＜T＞的函数定义

news/2025/1/16 4:07:32/

在 Flutter 中，VoidCallback 和 ValueChanged<T> 是两种常用的回调函数类型，它们通常用于处理事件或传递数据。下面是它们的详细定义及使用方式。

1. VoidCallback 函数类型

VoidCallback 是一个没有参数也没有返回值的回调函数类型。它通常用于简单的事件处理，比如按钮点击、切换状态等。
定义：

typedef VoidCallback = void Function();

VoidCallback 表示一个没有参数和返回值的回调函数。
这种类型通常用于 UI 控件的事件（如点击、拖动等）。

示例：使用 VoidCallback 处理按钮点击

import 'package:flutter/material.dart';void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: Text('VoidCallback Example')),body: Center(child: MyButton(onPressed: () {print('Button pressed!');},),),),);}
}// 自定义按钮组件
class MyButton extends StatelessWidget {final VoidCallback onPressed; // VoidCallback 类型的回调MyButton({required this.onPressed});@overrideWidget build(BuildContext context) {return ElevatedButton(onPressed: onPressed, // 触发 onPressed 回调child: Text('Press Me'),);}
}

在这个例子中：

MyButton 组件接收一个 VoidCallback 类型的 onPressed 参数。
当按钮被点击时，onPressed 回调函数被执行，打印消息。

2. ValueChanged 函数类型

ValueChanged<T> 是一个带有一个类型为 T 参数的回调函数类型，并且没有返回值。它通常用于将数据传递给父组件，处理用户输入或组件状态的变化。
定义：

typedef ValueChanged<T> = void Function(T value);

ValueChanged 表示一个接受类型为 T 的参数，并且没有返回值的回调函数。
T 是类型参数，表示这个回调函数接受的数据类型可以是任意类型。

示例：使用 ValueChanged 处理输入变化

import 'package:flutter/material.dart';void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: Text('ValueChanged Example')),body: Center(child: MyTextField(onChanged: (text) {print('Text changed: $text');},),),),);}
}// 自定义文本输入框组件
class MyTextField extends StatelessWidget {final ValueChanged<String> onChanged; // ValueChanged 类型的回调MyTextField({required this.onChanged});@overrideWidget build(BuildContext context) {return TextField(onChanged: onChanged, // 触发 onChanged 回调decoration: InputDecoration(labelText: 'Enter something',),);}
}