乐趣区

关于flutter:Flutter-5个必备的桌面插件包将包含在你的下一个版本中

jiezi

猫哥说

看到这张图，兴许你和我一样向往着平静的生存。

明天举荐文章中，感觉 字体、动画、下拉 插件还是很有用的，预计你都用上了。

老铁记得 转发，猫哥会出现更多 Flutter 好文~~~~

微信 flutter 研修群 ducafecat

原文

https://medium.com/fddevops/5…

参考

  • https://pub.dev/packages/prov…
  • https://pub.dev/packages/goog…
  • https://pub.dev/packages/phot…
  • https://pub.dev/packages/anim…
  • https://pub.dev/packages/flut…

注释

是 Google 在 2018 年开发的一个软件开发工具包。自成立以来，它取得了业界的宽泛赞美。使它怀才不遇的是其简略易学的编码语言省道，简略醒目的小部件设计，以及跨平台的开发能力。

Flutter 持续作出微小的改良，当初是一个稳固的产品都 Flutter 网络和挪动。尽管 Flutter Desktop Desktop 仍处于 alpha 阶段，但随着开发人员持续将其用于桌面利用程序开发，您能够期待在将来几个月内失去大量加强。在本文中，咱们将向您介绍在下一个版本中必须蕴含的 5 个桌面软件包。

为什么桌面依然有意义？

如果你置信桌面应用程序的时代曾经完结，那么你将是一个很好的公司。毕竟，挪动应用程序的开发和应用仍在持续飞速增长，人们的注意力次要集中在挪动利用的将来。

尽管如此，许多用户还是喜爱在更大的屏幕上查看应用程序，即便它不是桌面应用程序。桌面用户能够查看更多的信息，不便地导航，并且能够花更多的工夫在应用程序上。

跨平台开发的衰亡

在过来的几年里，对本地开发人员的需要曾经有了显著的降落。DRY (不要反复本人) 长期以来始终是开发人员的圣杯。JsNode 有“承诺”(没有双关语的意思)，而后 Xamarin 作为一个跨开发工具能够在多种平台上应用。本地开发中短少这个个性。

Flego 是第一个跨平台开发工具，当初称为 React Native。Flutter 是一个跨平台的开发工具，它装备了 UI 出现组件、导航、测试和大量的库。Flutter 引擎蕴含了开发人员构建和部署他们的应用程序所需的所有个性。

因为这些新的倒退，许多人都认为 Flutter 有可能为桌面开发取代 electron。

Flutter 引擎

Flutter 团队的指标是构建一个跨平台的 UI 工具包，以实现代码的可重用性。这就导致了 Flutter 发动机的倒退。从技术的角度来看，Flutter 引擎把像素的屏幕上，当他们是必要的。Flutter 发动机是 Flutter 疾速、高质量输入的基石。

Flutter 新的面向桌面的 alpha 版本容许更多的键盘输入、鼠标管制和大屏幕显示。

用于 Flutter 的桌面插件

在 Windows、Mac 和 Linux 操作系统上，有大量的桌面软件包能够应用。上面是这些软件包的一个疾速概述。

Provider 5.0.0 (Null Safety)

https://pub.dev/packages/prov…

它是一个包装器，围绕着一个可继承的 widget，使它可重用且易于应用。你能够在代码中应用 Provider 而不是手动编写 Inheritedwidget，你会失去以下益处:

  • 简化资源分配
  • 提早加载
  • 一个显着缩小样板和使一个新的类每次
  • 用户敌对的开发工具
  • 在代码中应用 IngeritedWidget 的最牢靠的办法
  • 为类提供更多的可伸缩性

Google_fonts

https://pub.dev/packages/goog…

这并不奇怪。这个 Flutter 软件包能够让你在 Flutter 应用程序中应用 977 字体中的任何一种以及它们的变体，这些字体都来自 fonts.google.com。

开始应用 google 字体

应用 google 字体包,。或者。Otf 文件不须要存储在 assets 文件夹中，能够在 pubspec 中映射。它们能够在运行时通过 HTTP 命令检索一次，并且能够缓存在应用程序的零碎中。这个包是专门为缩小利用程序包的大小而设计的。应用 google_fonts 包，开发人员能够抉择预绑定字体，而后应用雷同的 API 在 HTTP 上抉择字体。

Flutter Photo View

https://pub.dev/packages/phot…

一个简略的可缩放的用于 flutter 的图像 / 内容小部件。PhotoView 容许用户缩放图片，投合用户的捏、旋转和拖动手势。

它还能够用于显示图像中的任何小部件，如 Container、Text 或 SVG。尽管 PhotoView Flutter 软件包很容易应用，然而通过它的选项和控制器它是十分可定制的。

  • 如何装置？

在 pubspec.yaml 文件中增加 photo_view 作为依赖项 

dependencies:
  photo_view: ^0.11.1
  • 导入照片查看:
import 'package:photo_view/photo_view.dart';
  • 十分根本的用法 
@override
Widget build(BuildContext context) {
  return Container(
    child: PhotoView(imageProvider: AssetImage("assets/large-image.jpg"),
    )
  );
}

animations

高质量的 Flutter 动画预制。该软件包装备了预先录制的动画，以达到预期的成果。动画能够依据你的内容进行定制，也能够集成到应用程序中以取悦用户:

Material Motion for Flutter

Material Motion 是一组过渡模式，帮忙用户了解和导航应用程序。目前，这个库提供了以下转换模式:

  • Container transform

Container transform 模式旨在促成蕴含容器的 UI 元素之间的转换。上面显示的图片通知咱们，这个包在两个 UI 元素之间创立了一个可见的连贯。

  • Shared axis

共享轴模式有助于在具备空间或导航关系的 UI 元素之间进行转换。该模式在 x、y 和 z 轴上应用共享转换来增强元素之间的关系。

  • Fade through

淡入模式用于在互不严密相干的 UI 元素之间进行过渡。

  • Fade

淡入模式用于那些存在于屏幕边界内的 UI 元素，例如在屏幕核心淡出的对话框。

Flutter pulltorefresh

该 Flutter 软件包集成了 Flutter 滚动部件和下拉刷新性能。

性能:

  • 当你在窗口中向上滚动时，它会加载，当你向下滚动时，它会刷新
  • 它最适宜所有的滚动小部件，如 GridView 和 ListView
  • 装备了一些常见的指示器
  • 附带默认批示符和属性的全局设置
  • 除了程度和垂直刷新，它还反对反向 ScrollView
  • 蕴含更多的更新格调，比方 Behind，Follow，Unfollow 和 Front
  • 反对两级刷新

© 猫哥

https://ducafecat.tech/

https://github.com/ducafecat

往期

开源

GetX Quick Start

https://github.com/ducafecat/…

新闻客户端

https://github.com/ducafecat/…

strapi 手册译文

https://getstrapi.cn

微信探讨群 ducafecat

系列汇合

译文

https://ducafecat.tech/catego…

开源我的项目

https://ducafecat.tech/catego…

Dart 编程语言根底

https://space.bilibili.com/40…

Flutter 零根底入门

https://space.bilibili.com/40…

Flutter 实战从零开始 新闻客户端

https://space.bilibili.com/40…

Flutter 组件开发

https://space.bilibili.com/40…

Flutter Bloc

https://space.bilibili.com/40…

Flutter Getx4

https://space.bilibili.com/40…

Docker Yapi

https://space.bilibili.com/40…

退出移动版