Flutter 中使用 extension 使项目更具可读性和效率 01
Posted 会煮咖啡的猫咪
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter 中使用 extension 使项目更具可读性和效率 01相关的知识,希望对你有一定的参考价值。
Flutter 中使用 extension 使项目更具可读性和效率 01
![](https://image.cha138.com/20221214/8cb53740eac741a7bdf98f7513e43157.jpg)
原文 https://medium.com/@bedirhanssaglam/make-your-flutter-projects-more-readable-and-effective-with-extensions-b7dffd32e2f4
前言
![](https://image.cha138.com/20221214/f85a0d73fac1422eb587eb9a5ad57c5e.jpg)
代码的可读性和实用性在《 Flutter 》中非常重要。今天我们将编写一些 extension 并查看它们的用法。
正文
1. 图像文件的 extension 名
我们都将图像文件添加到文件中。我们很多人把它们定义为 Image.asset (‘ asset/images/image. png’)。相反,我们可以这样做;
![](https://image.cha138.com/20221214/6e1ea67405a04714ad5ee251a762dc1e.jpg)
我们可以像下面这样使用这个 extension ;
![](https://image.cha138.com/20221214/c0c018ebc8a540bab2e579770b0710a7.jpg)
2. 表单验证和列表操作的 extension
假设您有一个电子邮件表单,并希望确保用户已经为其输入了“@”符号。或者你有一张清单,你想把它倒过来。这里有一个简单方法的 extension ;
![](https://image.cha138.com/20221214/226041d52b274df4931aa38a37221445.jpg)
3. 空填充的 extension
使用 SizedBox,我们可以在两个 widget 之间留出空间。例如 SizedBox (高度: 10)。但是你不会想到处看到这个的,一定有一个简单的方法来解决它。就是这个
![](https://image.cha138.com/20221214/5a8826df19894b28a9f76b553b36426d.jpg)
要使用它,我们只需要
![](https://image.cha138.com/20221214/4f268c87724045569542bfa78211e449.jpg)
4. 解析操作的 extension
有时候,您希望将 int 值转换为 double 或者希望转换 int 值的其中一个 double 表达式。
![](https://image.cha138.com/20221214/650eccf6397543cbbc5678738e55305d.jpg)
你可以这样使用它;
![](https://image.cha138.com/20221214/d30b841d345946febb8b03f11c728880.jpg)
extension ,暂时就这些。现在,让我们将在项目的许多页面上使用的表达式作为函数来编写。
「1.」
![](https://image.cha138.com/20221214/46fb62d7e1ae477f96be78585f036737.jpg)
我在很多地方使用这种结构,我想; “既然我一直在用,我就不能让它简单点吗?” 我做到了。
![](https://image.cha138.com/20221214/e94e5edaaa39405c81ebcf4858543e55.jpg)
「2.」
![](https://image.cha138.com/20221214/03df9e2ea491486cb7202e095837b35c.jpg)
使用时;
![](https://image.cha138.com/20221214/87fae2b0b8bc4c84910dad7d4a426742.jpg)
「3.」
![](https://image.cha138.com/20221214/e9a353f25b51499ca44d4ac02150d684.jpg)
我们可能想要显示一些长文本,尽可能多的字符,因为我们想要的。
![](https://image.cha138.com/20221214/7664223f92b74c358206d0dc53318216.jpg)
4. 我们还有一个方法可以使 API 中的日期格式适合在接口中显示:)
![](https://image.cha138.com/20221214/d615d40805d9474b90a79fa8fcc48a77.jpg)
我们不需要到处编写它们,而是使用一个函数轻松地完成它们,并且可以在任何我们想要的地方使用它们。
![](https://image.cha138.com/20221214/89c5c7827366404ca02f6428175fac72.jpg)
5. 身份验证
我们有一个用于身份验证事务的 BLoC 结构。
我们希望限制一些非登录用户的构建。下面是使其有效的函数;
![](https://image.cha138.com/20221214/a43dc8f4acc54a74a5f7e7f4f19b6145.jpg)
![](https://image.cha138.com/20221214/f30c3e594fc246aa8abce26f176d2533.jpg)
结束语
如果本文对你有帮助,请转发让更多的朋友阅读。
也许这个操作只要你 3 秒钟,对我来说是一个激励,感谢。
祝你有一个美好的一天~
© 猫哥
-
微信 ducafecat
-
https://wiki.ducafecat.tech
-
https://video.ducafecat.tech
本文由 mdnice 多平台发布
以上是关于Flutter 中使用 extension 使项目更具可读性和效率 01的主要内容,如果未能解决你的问题,请参考以下文章
Flutter:是不是有可能创建 App Widgets (Android) 和 Today Extensions (iOS)? [复制]