如何在flutter中覆盖Widget功能

Question

我有这个小部件功能：

static Widget mainButton(String title){
    return MaterialButton(
      textColor: Colors.white,
      splashColor: Colors.white54,
      elevation: 8.0,
      child: Container(
        width: 244,
        height: 66,
        decoration: BoxDecoration(
          image: DecorationImage(
              image: AssetImage('assets/images/home_button_bg.png'),
              fit: BoxFit.cover),
        ),
        child: Center(
          child: Text(
            title,
            style: TextStyle(
              fontSize: 20.0,
            ),
          ),
        ),
      ),
      onPressed: (){
        print('pressed');
      },
    );
  }

我想写onPressed()我想打电话给每次不同的功能mainButton()函数。 我该怎么写？

Answer 1

Widget mainButton(String title, VoidCallback onPressed){
    return MaterialButton(
      textColor: Colors.white,
      splashColor: Colors.white54,
      elevation: 8.0,
      child: Container(
        width: 244,
        height: 66,
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage('assets/images/home_button_bg.png'),
            fit: BoxFit.cover),
        ),
        child: Center(
          child: Text(
            title,
            style: TextStyle(
              fontSize: 20.0,
            ),
          ),
        ),
      ),
      onPressed: onPressed,
    );
  }

例子 ：

mainButton("Test", () {
  print('Test');
});

Answer 2

您可以使用 Function 输入此方法，如以下代码：

static Widget mainButton(String title, Function function) {
    return MaterialButton(
        textColor: Colors.white,
        splashColor: Colors.white54,
        elevation: 8.0,
        child: Container(
          width: 244,
          height: 66,
          decoration: BoxDecoration(
          image: DecorationImage(
             image: AssetImage('assets/images/home_button_bg.png'),
             fit: BoxFit.cover),
              ),
          child: Center(
            child: Text(
              title,
              style: TextStyle(
                fontSize: 20.0,
              ),
            ),
          ),
        ),
        onPressed: function);
  }