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

时间  2021-06-04 标签 git github 编程 api 缓存 微信 网络 electron 编程语言 ide

猫哥说

看到这张图，也许你和我同样向往着宁静的生活。git

今天推荐文章中，感受 字体、动画、下拉 插件仍是颇有用的，估计你都用上了。github

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

微信 flutter 研修群 ducafecat

原文

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

参考

正文

是 Google 在 2018 年开发的一个软件开发工具包。自成立以来，它得到了业界的普遍赞誉。使它脱颖而出的是其简单易学的编码语言省道，简单醒目的小部件设计，以及跨平台的开发能力。编程

Flutter 继续做出巨大的改进，如今是一个稳定的产品都 Flutter 网络和移动。虽然 Flutter Desktop Desktop 仍处于 alpha 阶段，但随着开发人员继续将其用于桌面应用程序开发，您能够期待在将来几个月内获得大量加强。在本文中，咱们将向您介绍在下一个版本中必须包含的 5 个桌面软件包。api

为何桌面仍然有意义？

若是你相信桌面应用程序的时代已经结束，那么你将是一个很好的公司。毕竟，移动应用程序的开发和使用仍在继续飞速增加，人们的注意力主要集中在移动应用的将来。缓存

尽管如此，许多用户仍是喜欢在更大的屏幕上查看应用程序，即便它不是桌面应用程序。桌面用户能够查看更多的信息，方便地导航，而且能够花更多的时间在应用程序上。微信

跨平台开发的兴起

在过去的几年里，对本地开发人员的需求已经有了显著的降低。DRY (不要重复本身)长期以来一直是开发人员的圣杯。JsNode 有“承诺”(没有双关语的意思) ，而后 Xamarin 做为一个跨开发工具能够在多种平台上使用。本地开发中缺乏这个特性。网络

Flego 是第一个跨平台开发工具，如今称为 React Native。Flutter 是一个跨平台的开发工具，它配备了 UI 呈现组件、导航、测试和大量的库。Flutter 引擎包含了开发人员构建和部署他们的应用程序所需的全部特性。electron

因为这些新的发展，许多人都认为 Flutter 有可能为桌面开发取代 electron。编程语言

Flutter 引擎

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

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...

联系我们 沪ICP备13005482号-10