美文网首页
译 10 个 Flutter 组件推荐 – 5

译 10 个 Flutter 组件推荐 – 5

作者: 独立开发者猫哥 | 来源:发表于2022-05-17 07:05 被阅读0次

    [图片上传失败...(image-23b1dc-1652828680604)]

    译 10 个 Flutter 组件推荐 – 5

    我们将关注网站、软件包、 GitHub 仓库、小工具、扩展以及更多内容,所以我建议你现在就跟随我,不要错过这个!

    阅读愉快!

    Flutter Carplay

    与此同时,它在炒作,扑卡玩。你可以用它在 Flutter 开发一个可以在苹果 Carplay 上运行的应用程序。

    [图片上传失败...(image-364bbb-1652828680604)]

    Scribble

    http://pub.dev/packages/scribble

    Scribble 是一个简单的包,可以让你画。它能对压力的变化做出反应,支持不同厚度的划臂等等。

    它仍然处于开发阶段,但是它正在不断地获得新的特性,并且已经具备了最重要的特性。

    [图片上传失败...(image-214ae8-1652828680604)]

    Badges

    http://pub.dev/packages/badges

    包徽章用于向任何小部件添加徽章。这个数字可以表示你的购物车里有多少商品或者有多少条新消息,但是它也可以用来表示警告,例如一个叹号或者一个新的功能。正如你所见,可能性几乎是无穷无尽的。

    最棒的是它非常容易使用。您只需用“ Badge”小部件包装您的小部件,然后指定 badeContent,例如文本。下面是一个例子:

    [图片上传失败...(image-b90f1e-1652828680604)]

    Pinput

    https://pub.flutter-io.cn/packages/pinput

    Pinput 用于创建引脚代码输入,其中每个像素都是可定制的。

    [图片上传失败...(image-e90e83-1652828680604)]

    Flutter Blurhash

    https://pub.dev/packages/flutter_blurhash

    这个软件包是为图像添加一个模糊效果。Blurhash 是一种代码,它指定您的图像看起来会变得模糊不清。要得到这个代码,你需要去 https://blurha.sh/图片库,并粘贴你的图片到那里。这里有一个视觉示例来说明这是如何工作的:

    [图片上传失败...(image-8d09aa-1652828680604)]

    现在要插入 blurhash,你必须在你的 flutter 代码中实现下面的代码:

    Bottom Bar with Sheet

    https://pub.dev/packages/bottom_bar_with_sheet

    是一个普通的底部栏,但是它提供了一个非常有用的功能。有时候你想在屏幕上有更多的空间,但是你是怎么做到的呢?嗯,非常简单: 有了这个导航条,你可以拉出一个“第二屏幕”/表,通过这样做,你得到更多的空间。下面是一个小例子:

    [图片上传失败...(image-c45473-1652828680604)]

    看起来有点复杂,但实际上并不复杂。包中有一个很棒的自述文件,可以详细解释一切。

    String Validator

    http://pub.dev/packages/string_validator

    这个包裹已经为我节省了很多时间。String _ validator 用于验证一个字符串(谁会想到呢)。这听起来并不令人兴奋,但是如果你看看有多少种可能性可以用这个包验证一个字符串,那么它几乎属于每个 Flutter 项目。

    [图片上传失败...(image-8789b5-1652828680604)]

    [图片上传失败...(image-fac973-1652828680604)]

    Flutter gen

    http://pub.dev/packages/flutter_gen

    这个工具非常有用。我们都知道基于字符串的 api 并不是最安全的。如果插入的单个字符不正确,整个字符串将停止工作。问题是您经常在 Flutter 中使用 sting api。资产,字体,颜色... 颤动原是有解决这个问题。

    它的设置有点复杂,但非常值得,你应该在每个项目中使用它!

    [图片上传失败...(image-bca543-1652828680604)]

    Photo View

    https://pub.dev/packages/photo_view

    照片视图是一个非常简单但有用的包。当你显示一张照片时,你也希望能够放大和缩小以及其他东西。只要用 PhotoView 小工具包装你的图片,就可以完成了

    [图片上传失败...(image-c86bde-1652828680604)]

    你也可以创建一个照片库。

    Wakelock

    https://pub.dev/packages/wakelock

    防止屏幕自动关闭

    如果用户已经设置了,那么屏幕会在一段时间后关闭,手机会自动锁定。但是这有时候是非常烦人的,因为一个进程正在应用程序或其他东西中运行。通过这个简单的插件,你可以防止手机自动锁定:

    祝你有愉快的一天,谢谢阅读!


    © 猫哥

    相关文章

      网友评论

          本文标题:译 10 个 Flutter 组件推荐 – 5

          本文链接:https://www.haomeiwen.com/subject/xybourtx.html