Flutter 5個必備的桌面插件包將包含在你的下一個版本中

貓哥說

看到這張圖,也許你和我同樣嚮往着寧靜的生活。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...

相關文章
相關標籤/搜索