如何将小部件构造函数作为参数传递给另一个要构建的小部件

Question

有没有办法将一个小部件作为参数传递给另一个小部件？

我的代码有类似的东西，有两个TextWidget类型BoldWidget和ItalicWidget：

abstract class TextWidget extends StatelessWidget {
  final String text;

  TextWidget({
    @required this.text,
  });
}

class BoldWidget extends TextWidget {
  @override
  Widget build(BuildContext context) {
    return Text(this.text, style: TextStyle(fontWeight: FontWeight.bold),);
  }
}

class ItalicWidget extends TextWidget {
  @override
  Widget build(BuildContext context) {
    return Text(this.text, style: TextStyle(fontStyle: FontStyle.italic),);
  }
}

在运行时，我想将其中一个TextWidget作为参数传递给另一个小部件 ( TextDisplay)，如下所示：

class TextDisplay extends StatelessWidget {
  final TextWidget widget;
  final String string;

  const TextDisplay({Key key, this.widget, this.string}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return widget(string);
  }
}

在上面的代码中不起作用的是widget(string)，错误消息“'widget'不是函数”。

如何将一个小部件作为另一个参数传递，以便它可以由另一个类构造？

我的实际代码TextWidget在将其传递给之前无法构建，TextDisplay因为TextDisplay需要将某些参数应用于TextWidget.

Answer 1

您可以使用 typedef 使用 CallBack 模式：

  typedef CustomCallBack = TextWidget Function(String value);

  class TextDisplay extends StatelessWidget {
    final CustomCallBack widget;
    final String string;

    const TextDisplay({Key key, this.widget, this.string}) : super(key: key);

    @override
    Widget build(BuildContext context) {
      return widget(string);
    }
  }