Function as parameter in widget flutter

Question

I am trying to pass function as a parameter in my custom widget:

_Btn(name: _btnOne, continueBtn: onClick(1)),

I made an onClick function in my main widget:

onClick(int i) {
    switch(i){
      case 1:{ 
        print('hello');
      }
        break;
  }
}

and my button widget:

class _Btn extends StatelessWidget {
  final Function btn;

  const _GreenBtn({
    Key key,
    this.btn
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: ElevatedButton(
        child: Text('hello'),
        style: ElevatedButton.styleFrom(
          primary: Colors.white,
        ),
        onPressed: () {
          btn();
        },
      ),
    );
  }
}

I am new to flutter, and I am not sure why its not working, if I am doing the next syntax than its ok:

_Btn(name: _btnOne, continueBtn: () => print('hello')),

thanks

Pass argument to function when you invoke it, not when you pass it down, delete (1) in dependency injection and pass 1 in onPressed — Simon Sot
– Simon Sot, Commented Apr 1, 2021 at 15:06

CopsOnRoad · Accepted Answer · 2021-04-01 15:05:12Z

1

Replace your _Btn with the following:

class _Btn extends StatelessWidget {
  final Function btn;
  final String name;
  const _Btn({Key key, this.btn, this.name}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: ElevatedButton(
        child: Text('hello'),
        style: ElevatedButton.styleFrom(primary: Colors.white),
        onPressed: btn,
      ),
    );
  }
}

Now, use it like this:

_Btn(
  name: _btnOne,
  btn: () => onClick(1),
)

answered Apr 1, 2021 at 15:05

CopsOnRoad

271k97 gold badges702 silver badges471 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Coder123 Over a year ago

do you mean to remove the brackets?

CopsOnRoad Over a year ago

There are many things I changed to make it work, can you use the entire code I posted and not just one thing.

viniciusbaca · Accepted Answer · 2021-04-01 15:07:23Z

0

Why not send the function parameter as a parameter then call onClick(parameter) inside?

Like this:

class _Btn extends StatelessWidget {
  final int i;

  const _GreenBtn({
    Key key,
    this.btn
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: ElevatedButton(
        child: Text('hello'),
        style: ElevatedButton.styleFrom(
          primary: Colors.white,
        ),
        onPressed: () {
          onClick(i) //here
        },
      ),
    );
  }
}

answered Apr 1, 2021 at 15:07

viniciusbaca

3063 silver badges6 bronze badges

1 Comment

Coder123 Over a year ago

because the method is not defined for the btn widget

Collectives™ on Stack Overflow

Function as parameter in widget flutter

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related