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

When to create separate widget of a component in a very long flutter .dart file

提问人:kartik 提问时间:2/16/2023 更新时间:2/16/2023 访问量:401

问:

我有这个代码作为让许多孩子让它和行一样长的一部分。将此类小部件拆分为单独的文件是否是一种好习惯?建议的行数是多少,超过它就会降低 flutter 代码的可读性?Column400

         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,
                          ),
                        ),
                      )
Flutter widget 可读性 代码拆分

评论


答:

1赞 Mudassir Mirza 2/16/2023 #1

这个问题的答案很简单。作为最佳实践,我们需要将问题划分为更小的组件。在大多数情况下,实际上在代码行上并不重要。但是,我将尝试用一个例子来解释它,

假设我们有一个包含两个部分的组件。它有一些平衡部分,下面有一个发送按钮。现在我们能做的是:

  1. 将组件分成两部分。第一,第二。balance sectionsend button
  2. 我们将分别制作这两个部分,然后在需要时调用它们。
  3. 通过这种方式,我们使代码更具可读性和干净性,并且还分离了业务逻辑。

特别是在你的情况下,如果你有不同的逻辑组件,那么你可以相应地拆分它们,使代码更具可读性。但是,如果它具有单个逻辑组件,则可以按原样使用。颤振本身没有这样的限制。Column