如何在 dart flutter 中创建回调函数？

Question

I have this method with onTap parameter

myFunc({onTap}){
   return onTap;
}

then, I need to use it like this

myFunc(
   onTap: print('lorem ipsum');
)

How I can make it correctly? thanks

Answer 1

You can do like below. Note that you can specify parameter or avoid and I have added Function (You can use ValueChange , Voidcallback )

myFunc({Function onTap}){
   onTap();
}

//invoke
myFunc(onTap: () {});

If you want to pass arguments:

myFunc({Function onTap}){
   onTap("hello");
}

//invoke
myFunc(onTap: (String text) {});

Answer 2

The previous solution complicates matters by using named parameters. Here is the simplest possible function that takes a callback function without any of the extra complexity:

testFunction(Function func){
    func();
}

void main() {
    testFunction( () {
        print('function being called');
    });
}

The testFunction() is defined as taking a function with no arguments (hence the data type of Function . When we call the function we pass an anonymous function as an argument.

Answer 3

Here is an example that adds type safety to the parameters of the callback:

  void forEach(Function(T, int) cb){
    Node<T>? current = head;
    int index = 0;
    while (current != null){
      cb(current.value, index);
      index++;
      current = current.next;
    }
  }

Calling it:

list.forEach((v, i){
    print(v);
});

Answer 4

A more exhaustive usage could be like

void main() {
  callbackDemo(onCancel: () {
     print("Cancelled");
  }, onResend: () {
     print("Resend");
  }, onSuccess: (otp) {
     print(otp);
 });
}

void callbackDemo({required onSuccess(String otp), 
onCancel, onResend}) {
  onCancel();
  onResend();
  onSuccess("123456");
}