何时在很长的flutter.dart文件中创建组件的单独小部件

i2byvkas  于 2023-02-20  发布在  Flutter
关注(0)|答案(1)|浏览(111)

我有这段代码作为Column的一部分,它有很多子代码,使它和400行一样长。将这样的小部件分割成单独的文件是一个好习惯吗?建议的行数是多少,超过多少会使flutter代码可读性降低?

GestureDetector(
                        onTap: () async {
                          await Clipboard.setData(
                            ClipboardData(
                                text: context
                                    .read<GeneratePasswordModel>()
                                    .password),
                          );
                          CustomToast.showToast('Password copied to clipboard');
                        },
                        child: Padding(
                          padding: EdgeInsets.only(right: 15.0),
                          child: Icon(
                            FeatherIcons.copy,
                            size: 28.0,
                          ),
                        ),
                      )
vlju58qv

vlju58qv1#

这个问题的答案很简单。作为最佳实践,我们需要将问题划分为更小的组件。实际上,在大多数情况下,代码行并不重要。但是,我将尝试用一个示例来解释它。
假设我们有一个由两部分组成的组件,它有一个平衡部分,下面有一个发送按钮,现在我们可以做的是:
1.将组件分为两部分。第一部分balance section,第二部分send button
1.我们将分别制造这两个零件,然后在需要的地方叫他们。
1.通过这种方式,我们使代码更易读、更简洁,同时也分离了业务逻辑。
特别是在您的情况下,如果Column有不同的逻辑组件,那么您可以相应地将它们拆分以使代码更具可读性,但是如果它只有一个逻辑组件,那么您可以照原样使用,flutter本身没有这样的限制。

相关问题