Pass a function with parameters to a VoidCallback

DartFlutter

Dart Problem Overview


Is it possible to pass a Function with parameters to a VoidCallback?

for example something like this:

class MyClass {
  void doSomething(int i){

  }

  MyOtherClass myOtherClass = new MyOtherClass(doSomething);
}


class MyOtherClass {
  final VoidCallback callback(int);

  MyOtherClass(this.callback);

  callback(5);
}

Dart Solutions


Solution 1 - Dart

The declaration of VoidCallback is

typedef void VoidCallback();

That is the type of functions that can be called with zero arguments and which does not return a useful value. That does not seem to be what you want. It's not entirely clear what you do want since the program isn't syntactically valid, but would this work for you:

class MyClass { 
  static doSomething(int i) { /* ... */ }
  MyOtherClass myOtherClass = new MyOtherClass(doSomething);
}
class MyOtherClass {
  final void Function(int) callback;
  MyOtherClass(this.callback);
  void callCallaback() { callback(5); }
}

Here we define the type of the callback field to be the type of functions that can be called with one integer argument and which returns no useful value. The doSomething method has that type, so it can be assigned to callback.

You could also use a typedef to name the function:

typedef Int2VoidFunc = void Function(int);
// or: typedef void Int2VoidFunc(int arg);
class MyOtherClass {
  final Int2VoidFunc callback;
  MyOtherClass(this.callback);
  void callCallaback() { callback(5); }
}

The effect is exactly the same, it just allows you to use a shorter name for the function type, but that only really makes sense if you use it a lot.

Solution 2 - Dart

Example in UI case; you may need create widget and pass click function.

Step 1: create widget with function as parameter in constructor:

Container _cardButton({
  Function onClickAction,
}) {
  return Container(
    width: 340,
    height: 90,
    child: InkWell(
      splashColor: Colors.blue.withAlpha(30),
      onTap: () {
        onClickAction();
      },
      child: Card(
        elevation: 5,
        child: somechild,
      ),
    ),
  );

Step 2: implement widget to the three view and pass function like this:

_cardButton(
    onClickAction: () => {debugPrint("CLICKED")},
),

Solution 3 - Dart

create your own callback instead

typedef void MyCallback(int foo);

class MyClass {
  void doSomething(int i){

  }

  MyOtherClass myOtherClass = new MyOtherClass(doSomething);
}


class MyOtherClass {
  final MyCallback callback;

  MyOtherClass(this.callback);

}

Solution 4 - Dart

Flutter already has a typedef for this: ValueSetter.

So you can pass an instance of ValueSetter<int> to your other class.

Solution 5 - Dart

Just replace VoidCallback with Function(int)

class MyClass {
  void doSomething(int i){

  }

  MyOtherClass myOtherClass = new MyOtherClass(doSomething);
}


class MyOtherClass {
 //OP code (does not work): final VoidCallback callback(int); 
 final Function(int) callback;

  MyOtherClass(this.callback);

  callback(5);
}

Solution 6 - Dart

Instead of VoidCallback, you can use ValueChanged<T>, here is an example:

class MyClass {
  static void doSomething(int i) {}

  MyOtherClass myOtherClass = MyOtherClass(doSomething);
}

class MyOtherClass {
  final ValueChanged<int> callback;

  MyOtherClass(this.callback);
}

You can then call callback with any int value

callback(10);

Solution 7 - Dart

Simple way to do to is create a stateless or stateful widget and pass callback function into it. Consider a code snippet like a below:

import 'package:flutter/material.dart';

class TestFunctionWidget extends StatelessWidget {
final Function onCallback;
 const TestFunctionWidget({
  Key key,
  this.onCallback,
 }) : super(key: key);

@override
Widget build(BuildContext context) {
return GestureDetector(
  onTap: () {
    this.onCallback();
  },
  child: Container(
    child: Text("Test Call Back"),
  ),
);
}
}

Now to use it in a screen consider a code snippet.

import 'package:flutter/material.dart';
import 'package:netflix_clone/pages/test_widget.dart';

class TestScreen extends StatefulWidget {
 TestScreen({
 Key key,
 }) : super(key: key);
 @override
_TestScreen1State createState() => _TestScreen1State();
}
class _TestScreen1State extends State<TestScreen> {
@override
Widget build(BuildContext context) {
return TestFunctionWidget(
  onCallback: () {
    // To do
  },
);
}
}

Solution 8 - Dart

  1. Create typedef first in any constant class:

    typedef StringVoidFunc = void Function(String);

  2. Pass from calling function class one

    showAlertDialog(doSomething);

  3. Call back handle Function

    void doSomething(String i){ Navigator.pop(context); setState(() {

    }); }

  4. From where you want to fire call back from Class Two

     showAlertDialog(StringVoidFunc callback) {
      callback("delete");
    

    }

Solution 9 - Dart

Ways that I use:

1 - Declare with typedef:

typedef MyFunction = void Function(int);

class MyClass {
    final MyFunction myFunction;
    
    void onBunttonPressed() {
        //using function
        myFunction(1);
    }
}

2 - Direct in variable:

class MyClass {
    final void Function(int) myFunction;
        
    void onBunttonPressed() {
        //using function
        myFunction(1);
    }
 }

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionTobias GuboView Question on Stackoverflow
Solution 1 - DartlrnView Answer on Stackoverflow
Solution 2 - DartJakub S.View Answer on Stackoverflow
Solution 3 - DartRémi RousseletView Answer on Stackoverflow
Solution 4 - DartDuncan JonesView Answer on Stackoverflow
Solution 5 - DartFrancisco VarelaView Answer on Stackoverflow
Solution 6 - DartCopsOnRoadView Answer on Stackoverflow
Solution 7 - DartKalpesh KhandlaView Answer on Stackoverflow
Solution 8 - DartAnil KumarView Answer on Stackoverflow
Solution 9 - DartDanspView Answer on Stackoverflow