Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flutter: Can I pass arguments to a function defined in an onPress event on a button?

Tags:

flutter

dart

I have a simple form with a button to calculate the form. I figure it's better to hit the button to start the action of calculating and pass the variables to the dumb function than to make the function aware of text fields it shouldn't need to know about. Can I do that or does my calculate function need to access my TextFields?

         new Container(
            color: Colors.grey.shade300,
            padding: new EdgeInsets.all(15.0),
            child: new Column(
              children: <Widget>[
                new TextField(
                  controller: _ageController,
                  decoration: new InputDecoration(
                      icon: new Icon(Icons.person_outline), labelText: "Age"),
                ),
                new TextField(
                  controller: _heightController,
                  decoration: new InputDecoration(
                      icon: new Icon(Icons.insert_chart),
                      labelText: "Height (in feet)"),
                ),
                new TextField(
                  controller: _weightController,
                  decoration: new InputDecoration(
                      icon: new Icon(Icons.line_weight),
                      labelText: "Weight (in lbs)"),
                ),
                new Padding(padding: new EdgeInsets.only(top: 20.0)),
                new RaisedButton(
                  onPressed: calculate(1, 2),
                  color: Colors.pinkAccent,
                  child: new Text(
                    "Calculate",
                    style: new TextStyle(color: Colors.white),
                  ),
                )
              ],
            ),
          ),

        ],
      ),
    );
  }

  void calculate(num1, num2) {

  }
}
like image 438
ThinkDigital Avatar asked May 19 '18 05:05

ThinkDigital


3 Answers

e.g.

    int  result = 0;

    void calculate(num1, num2) {
     setState(() {
         result = num1 + num2;
     });
    }


    new RaisedButton(
          onPressed: () => calculate(1, 100),
          ...
    ),
    new Text("$result")
like image 173
hui00 Avatar answered Oct 16 '22 09:10

hui00


Do you remember the very first line in flutter which is

void main() => runApp(MyApp());

Where => represents one line functions or methods which is key while calling functions with arguments.

Ex:

void display() {

}

we can call the above function by

IconButton(icon: Icon(Icons.add), onPressed: display)

here we can not include () with display

But, when there is one or more than one arguments to be passed then it goes like below

void addition(int value1, int value2) {
    value1 + value2
}

IconButton(icon: Icon(Icons.add), onPressed: ()=>addition(2, 4))
like image 44
PradeepKN Avatar answered Oct 16 '22 09:10

PradeepKN


Just found the answer. No. According to the onPressed property of the RaisedButton class, the onPressed property has a type of VoidCallback, which return void and according to the docs VoidCallBack is the Signature of callbacks that have no arguments and return no data.

Edit: Thanks guys. To solve this, you use an anonymous function, like so

(){your code here}

like image 6
ThinkDigital Avatar answered Oct 16 '22 08:10

ThinkDigital