如何在 Flutter 中重构一个函数

Posted 2023-02-23

【中文标题】如何在 Flutter 中重构一个函数

【英文标题】：How to Refactor a Function in Flutter

【发布时间】：2021-11-23 19:40:07

【问题描述】：

import 'package:flutter/material.dart';

Widget justButton(
  String btText = '',
  Color bgColor = Colors.blue,
  Color? txtColor = Colors.white,
  Color borderColor = Colors.black,
  void Function() onpressedAction,//here iam getting problem
) 
  return OutlinedButton(
    //i wanted to refactor this onpressed 
    onPressed: () 
      print('Go to events Page');
    ,
    child: Text(btText),
    style: OutlinedButton.styleFrom(
        backgroundColor: bgColor,
        primary: txtColor,
        side: BorderSide(color: borderColor)),
  );

这是我的代码，我试图重构 onpressed outlineButton ， 怎么可能重构一个函数

【参考方案1】：

您想修复错误吗？ 这是我的重构结果。

import 'package:flutter/material.dart';

Widget justButton(
  String btText = '',
  Color bgColor = Colors.blue,
  Color? txtColor = Colors.white,
  Color borderColor = Colors.black,
  Function? onpressedAction,//here iam getting problem
) 
  return OutlinedButton(
    //i wanted to refactor this onpressed 
    onPressed: () => onpressedAction!(),
    child: Text(btText),
    style: OutlinedButton.styleFrom(
        backgroundColor: bgColor,
        primary: txtColor,
        side: BorderSide(color: borderColor)),
  );

【参考方案2】：

onpressed 方法接受VoidCallBack 类型，这只是void function() 的一种奇特方式。除此之外，它不包含任何空格，您可以自己查看here。所以就这样声明吧。

Widget justButton(
   ....
  VoidCallBack? onpressedAction,
   
)
return OutlinedButton(
   ....
    onPressed: onpressedAction,
   ....

【参考方案3】：

像这样创建函数

Widget customOutlinedButton(Function? func)
    return OutlinedButton(
        onPressed: func,
        child: Text(btText),
        style: OutlinedButton.styleFrom(
            backgroundColor: bgColor,
            primary: txtColor,
            side: BorderSide(color: borderColor)),
      );
    

现在只需传递您想要在按下时调用的函数

customOutlinedButton(*your function here*);