Flutter 自定义View 构造参数写法，必传、选传

黄毛火烧雪下

于 2024-04-19 17:03:25 发布

阅读量271

点赞数 3

分类专栏： Flutter 文章标签： flutter javascript chrome

本文链接：https://blog.csdn.net/u010194271/article/details/137970481

版权

Flutter 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1、参数可以不传（优先）

CustomDialogView()

 CustomDialogView(title: "新标题",),

class CustomDialogView extends StatefulWidget {
  String title;
  String? titleStyle;

  CustomDialogView({super.key, this.title = "默认标题", this.titleStyle});

  @override
  State<CustomDialogView> createState() => _CustomDialogViewState();
}

class _CustomDialogViewState extends State<CustomDialogView> {
  @override
  Widget build(BuildContext context) {
    return Text(
      widget.title,
    );
  }
}

2、参数必传


 CustomDialogView(title: "新标题",),

class CustomDialogView extends StatefulWidget {
  String? title;
  String? titleStyle;

  CustomDialogView({super.key, this.title, this.titleStyle})
      : assert(title != null);

  @override
  State<CustomDialogView> createState() => _CustomDialogViewState();
}

class _CustomDialogViewState extends State<CustomDialogView> {
  @override
  Widget build(BuildContext context) {
    return Text(
      widget.title??"默认标题",
    );
  }
}

class CustomDialogView extends StatefulWidget {
  String title;
  String? titleStyle;

  CustomDialogView({super.key, required this.title, this.titleStyle});

  @override
  State<CustomDialogView> createState() => _CustomDialogViewState();
}

3、TextStyle 默认常量必须加 const

this.titleStyle = const TextStyle(fontSize: 12.0)});

4、content 是必传参数

class CustomDialogView extends StatefulWidget {
  String content;
  String title;
  TextStyle titleStyle;

  CustomDialogView(
      {super.key,
      required this.content,
      this.title = "默认标题",
      this.titleStyle = const TextStyle(fontSize: 12.0)});

  @override
  State<CustomDialogView> createState() => _CustomDialogViewState();
}

class _CustomDialogViewState extends State<CustomDialogView> {
  @override
  Widget build(BuildContext context) {
    return Text(
      widget.title,
      style: widget.titleStyle,
    );
  }
}