如何在自定义按钮颤动中给 onPressed 一个方法

Question

我有自定义按钮，我想在我的 onpressed 参数中添加方法，不幸的是我仍然卡住我应该在我的自定义按钮参数中使用什么类型，目前我硬编码 onpressed 方法并将字符串路由传递给导航问题不是我的所有按钮都是用来导航的，只有一个按钮可以注销，我已经在参数中使用了 void 但它仍然不起作用。 这是我的自定义按钮

FlatButton buttonMenu(String title, IconData icon, String route) {
    return new FlatButton(
      shape: new RoundedRectangleBorder(
          borderRadius: new BorderRadius.circular(25.0)),
      color: Colors.blueGrey,
      child: new Container(
        height: 50.0,
        width: 120.0,
        child: new Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            new Padding(
              padding: EdgeInsets.only(right: 10.0),
              child: new Icon(
                icon,
                color: Colors.white70,
                size: 30.0,
              ),
            ),
            new Text(
              title,
              style: new TextStyle(fontSize: 20.0, fontWeight: FontWeight.w300),
            ),
          ],
        ),
      ),
      onPressed: () {
      Navigator.of(context).pushNamed('/$route');
      },
    );
  }
}

这是我如何调用自定义按钮

 buttonMenu('MVP Arc', Icons.star, 'EmployeeScreen')

我想要的是我可以将我的参数中的方法发送到我的onpressed，所以它会像这样

buttonMenu('MVP Arc', Icons.star, myMethod())

我的导航方法

void _navigate(String route){
    Navigator.of(context).pushNamed('/$route');
  }

Answer 1

onPressed 类型是 VoidCallback，所以将您的参数设为这种类型。

FlatButton buttonMenu(String title, IconData icon, VoidCallback onCustomButtonPressed ) 

当你调用它时传递一个对它的引用

buttonMenu('MVP Arc', Icons.star, myMethod)

别忘了在你的函数体中做同样的事情

  onPressed: onCustomButtonPressed ,

更新： 如果你想传递参数，你必须声明你自己的签名：

你的例子：

typedef VoidNavigate = void  Function(String route);

然后使用这个新类型

FlatButton buttonMenu(String title, IconData icon, VoidNavigate onCustomButtonPressed) 

这样称呼

onPressed: (){onCustomButtonPressed},

然后你像这样传递你的函数

buttonMenu('MVP Arc', Icons.star, _navigate('EmployeeScreen')) 

或者你可以像@Kirill Shashov 所说的那样做

buttonMenu('MVP Arc', Icons.star, () {_navigate('EmployeeScreen');})

Answer 2

对于传递参数的公认答案似乎不再适用于较新版本的 Flutter。

如果有人搜索类似的问题，下面的修改对我有用。

修改Raouf Rahiche的回答，截至2019年10月28日的工作方法如下。

更新： 在下方添加了缺失的颤振版本号

Flutter 版本：1.9.1+hotfix.5

飞镖版本：2.5.0

使用现有的 typedef：

typedef VoidNavigate = void Function(String route);

使用小方式改变的类型，你必须将参数单独传递给按钮。

FlatButton buttonMenu(
   String title,
   IconData icon, 
   VoidNavigate onCustomButtonPressed, 
   String route //New addition
) {
   ...
}

现在调用它：

onPressed: () { onCustomButtonPressed(route); },

传递函数：

buttonMenu('MVP Arc', Icons.star, _navigate, 'EmployeeScreen') 

Answer 3

这对我有用：

颤振版本：2.6.0 飞镖版本：2.15.0

在我的 customButton 函数中：

Widget customButton(VoidCallback onPressed) 

{
....
onPressed : onPressed.call(),
}

无需其他更改。