如何解决Flutter小部件包装在自定义小部件中
我有一个名为CustomBox
的自定义小部件:
class CustomBox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.fromLTRB(15,15,15),child: Container(
margin: EdgeInsets.fromLTRB(30,30,30),decoration: BoxDecoration(
borderRadius: BorderRadius.circular(45),),//custom child here
),);
}
}
我把custom child here
放在哪里,我想把任何孩子都放在里面,但要放在小部件树中。看到此自定义窗口小部件是一个框(带有特定的边框和填充物)。而且我希望能够随时将其添加到我的应用程序中,并在其内部说一个图像或一些文本(也许还有一行)。在不将新窗口小部件放到自定义窗口小部件中的情况下,该怎么做?
解决方法
您可以通过使用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),child: Container(
margin: EdgeInsets.fromLTRB(30,30,30),decoration: BoxDecoration(
borderRadius: BorderRadius.circular(45),),//custom child here
child: childWidget),);
}
}
在需要使用时,请执行以下操作:
CustomBox(Text('Text'))
。只需用您选择的小部件替换Text('Text')
。
class CustomBox extends StatelessWidget {
final Widget childWidget;
CustomBox({this.childWidget});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.fromLTRB(15,child: Container(
margin: EdgeInsets.fromLTRB(30,decoration: BoxDecoration(
borderRadius: BorderRadius.circular(45),child: this.childWidget,);
}
}
通过访问
CustomBox(childWidget: Text('Hello'));
或
CustomBox(childWidget: Row(children: <Widget>[...]));
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。