1

我有一个名为的自定义小部件CustomBox：

class CustomBox extends StatelessWidget {

  @override
  Widget build(BuildContext context) {

    return Padding(
      padding: const EdgeInsets.fromLTRB(15, 15, 15, 15),
      child: Container(
        margin: EdgeInsets.fromLTRB(30, 30, 30, 30),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(45),
        ),

        //custom child here

      ),
    );
  }
}

我放的地方custom child here，我想把任何孩子放在里面，但是来自小部件树。看到这个自定义小部件是一个盒子（带有特定的边框和东西）。而且我希望能够随时将其添加到我的应用程序中，并在里面放一个图像或一些文本（可能也是一行有孩子的）。如果不将新小部件放入此自定义小部件中，我该怎么做？

4

2 回答 2

1

您可以pass your child widget通过使用constructor. 你可以这样做：

class CustomBox extends StatelessWidget {
  final Widget childWidget;
  CustomBox(this.childWidget);

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(15, 15, 15, 15),
      child: Container(
          margin: EdgeInsets.fromLTRB(30, 30, 30, 30),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(45),
          ),
          //custom child here
          child: childWidget),
    );
  }
}

当你需要使用时，这样做：

CustomBox(Text('Text')). 只需替换Text('Text')为您选择的小部件。

于 2020-08-23T05:34:23.570 回答
0 
class CustomBox extends StatelessWidget {

  final Widget childWidget;
  CustomBox({this.childWidget});

  @override
  Widget build(BuildContext context) {

    return Padding(
      padding: const EdgeInsets.fromLTRB(15, 15, 15, 15),
      child: Container(
        margin: EdgeInsets.fromLTRB(30, 30, 30, 30),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(45),
        ),

        child: this.childWidget,

      ),
    );
  }
}

通过访问它

CustomBox(childWidget: Text('Hello'));

或者

CustomBox(childWidget: Row(children: <Widget>[...]));
于 2020-08-23T05:37:03.227 回答