貓哥說(shuō)
看到這張圖纺非，也許你和我一樣向往著寧?kù)o的生活。
今天推薦文章中赘方，感覺 字體烧颖、動(dòng)畫、下拉 插件還是很有用的窄陡，估計(jì)你都用上了炕淮。
老鐵記得 轉(zhuǎn)發(fā) ，貓哥會(huì)呈現(xiàn)更多 Flutter 好文~~~~
微信 flutter 研修群 ducafecat
原文
參考
- https://pub.dev/packages/provider
- https://pub.dev/packages/google_fonts
- https://pub.dev/packages/photo_view
- https://pub.dev/packages/animations
- https://pub.dev/packages/flutter_pull_to_refresh
正文
是 Google 在 2018 年開發(fā)的一個(gè)軟件開發(fā)工具包跳夭。自成立以來(lái)涂圆，它獲得了業(yè)界的廣泛贊譽(yù)们镜。使它脫穎而出的是其簡(jiǎn)單易學(xué)的編碼語(yǔ)言省道，簡(jiǎn)單醒目的小部件設(shè)計(jì)润歉，以及跨平臺(tái)的開發(fā)能力模狭。
Flutter 繼續(xù)作出巨大的改進(jìn)，現(xiàn)在是一個(gè)穩(wěn)定的產(chǎn)品都 Flutter 網(wǎng)絡(luò)和移動(dòng)踩衩。雖然 Flutter Desktop Desktop 仍處于 alpha 階段嚼鹉，但隨著開發(fā)人員繼續(xù)將其用于桌面應(yīng)用程序開發(fā)，您可以期待在未來(lái)幾個(gè)月內(nèi)得到大量增強(qiáng)驱富。在本文中锚赤，我們將向您介紹在下一個(gè)版本中必須包含的 5 個(gè)桌面軟件包。
為什么桌面仍然有意義褐鸥？
如果你相信桌面應(yīng)用程序的時(shí)代已經(jīng)結(jié)束线脚，那么你將是一個(gè)很好的公司。畢竟叫榕，移動(dòng)應(yīng)用程序的開發(fā)和使用仍在繼續(xù)飛速增長(zhǎng)浑侥，人們的注意力主要集中在移動(dòng)應(yīng)用的未來(lái)。
盡管如此翠霍，許多用戶還是喜歡在更大的屏幕上查看應(yīng)用程序锭吨，即使它不是桌面應(yīng)用程序。桌面用戶可以查看更多的信息寒匙，方便地導(dǎo)航零如，并且可以花更多的時(shí)間在應(yīng)用程序上。
跨平臺(tái)開發(fā)的興起
在過去的幾年里锄弱，對(duì)本地開發(fā)人員的需求已經(jīng)有了顯著的下降考蕾。DRY (不要重復(fù)自己)長(zhǎng)期以來(lái)一直是開發(fā)人員的圣杯。JsNode 有“承諾”(沒有雙關(guān)語(yǔ)的意思) 会宪，然后 Xamarin 作為一個(gè)跨開發(fā)工具可以在多種平臺(tái)上使用肖卧。本地開發(fā)中缺少這個(gè)特性。
Flego 是第一個(gè)跨平臺(tái)開發(fā)工具掸鹅，現(xiàn)在稱為 React Native塞帐。Flutter 是一個(gè)跨平臺(tái)的開發(fā)工具，它配備了 UI 呈現(xiàn)組件巍沙、導(dǎo)航葵姥、測(cè)試和大量的庫(kù)。Flutter 引擎包含了開發(fā)人員構(gòu)建和部署他們的應(yīng)用程序所需的所有特性句携。
由于這些新的發(fā)展榔幸，許多人都認(rèn)為 Flutter 有可能為桌面開發(fā)取代 electron。
Flutter 引擎
Flutter 團(tuán)隊(duì)的目標(biāo)是構(gòu)建一個(gè)跨平臺(tái)的 UI 工具包，以實(shí)現(xiàn)代碼的可重用性削咆。這就導(dǎo)致了 Flutter 發(fā)動(dòng)機(jī)的發(fā)展牍疏。從技術(shù)的角度來(lái)看，F(xiàn)lutter 引擎把像素的屏幕上拨齐，當(dāng)他們是必要的鳞陨。Flutter 發(fā)動(dòng)機(jī)是 Flutter 快速、高質(zhì)量輸出的基石奏黑。
Flutter 新的面向桌面的 alpha 版本允許更多的鍵盤輸入炊邦、鼠標(biāo)控制和大屏幕顯示编矾。
用于 Flutter 的桌面插件
在 Windows熟史、 Mac 和 Linux 操作系統(tǒng)上，有大量的桌面軟件包可以使用窄俏。下面是這些軟件包的一個(gè)快速概述凹蜈。
Provider 5.0.0 (Null Safety)
https://pub.dev/packages/provider
它是一個(gè)包裝器仰坦，圍繞著一個(gè)可繼承的 widget，使它可重用且易于使用玫霎。你可以在代碼中使用 Provider 而不是手動(dòng)編寫 Inheritedwidget庶近，你會(huì)得到以下好處:
- 簡(jiǎn)化資源分配
- 延遲加載
- 一個(gè)顯著減少樣板和使一個(gè)新的類每次
- 用戶友好的開發(fā)工具
- 在代碼中使用 IngeritedWidget 的最可靠的方法
- 為類提供更多的可伸縮性
Google_fonts
https://pub.dev/packages/google_fonts
這并不奇怪。這個(gè) Flutter 軟件包可以讓你在 Flutter 應(yīng)用程序中使用 977 字體中的任何一種以及它們的變體叉钥，這些字體都來(lái)自 fonts.google.com投队。
開始使用 google 字體
使用 google 字體包,歉秫。或者轧膘。Otf 文件不需要存儲(chǔ)在 assets 文件夾中谎碍，可以在 pubspec 中映射。它們可以在運(yùn)行時(shí)通過 HTTP 命令檢索一次拯啦，并且可以緩存在應(yīng)用程序的系統(tǒng)中熔任。這個(gè)包是專門為減少應(yīng)用程序包的大小而設(shè)計(jì)的。使用 google_fonts 包甫匹，開發(fā)人員可以選擇預(yù)綁定字體兵迅，然后使用相同的 API 在 HTTP 上選擇字體恍箭。
Flutter Photo View
https://pub.dev/packages/photo_view
一個(gè)簡(jiǎn)單的可縮放的用于 flutter 的圖像/內(nèi)容小部件。PhotoView 允許用戶縮放圖片勉抓，迎合用戶的捏藕筋、旋轉(zhuǎn)和拖動(dòng)手勢(shì)梳码。
它還可以用于顯示圖像中的任何小部件，如 Container暇藏、 Text 或 SVG盐碱。雖然 PhotoView Flutter 軟件包很容易使用瓮顽，但是通過它的選項(xiàng)和控制器它是非常可定制的缕贡。
- 如何安裝？
在 pubspec.yaml 文件中添加 photo_view 作為依賴項(xiàng)
dependencies:
photo_view: ^0.11.1
- 導(dǎo)入照片查看:
import 'package:photo_view/photo_view.dart';
- 非臣鸩ィ基本的用法
@override
Widget build(BuildContext context) {
return Container(
child: PhotoView(
imageProvider: AssetImage("assets/large-image.jpg"),
)
);
}
animations
高質(zhì)量的 Flutter 動(dòng)畫預(yù)制。該軟件包配備了預(yù)先錄制的動(dòng)畫贮配，以達(dá)到預(yù)期的效果。動(dòng)畫可以根據(jù)你的內(nèi)容進(jìn)行定制牧嫉，也可以集成到應(yīng)用程序中以取悅用戶:
Material Motion for Flutter
Material Motion 是一組過渡模式剂跟，幫助用戶理解和導(dǎo)航應(yīng)用程序。目前酣藻，這個(gè)庫(kù)提供了以下轉(zhuǎn)換模式:
- Container transform
Container transform 模式旨在促進(jìn)包含容器的 UI 元素之間的轉(zhuǎn)換鳍置。下面顯示的圖片告訴我們税产，這個(gè)包在兩個(gè) UI 元素之間創(chuàng)建了一個(gè)可見的連接辟拷。
- Shared axis
共享軸模式有助于在具有空間或?qū)Ш疥P(guān)系的 UI 元素之間進(jìn)行轉(zhuǎn)換。該模式在 x衫冻、 y 和 z 軸上使用共享轉(zhuǎn)換來(lái)加強(qiáng)元素之間的關(guān)系邻奠。
- Fade through
淡入模式用于在互不緊密相關(guān)的 UI 元素之間進(jìn)行過渡。
- Fade
淡入模式用于那些存在于屏幕邊界內(nèi)的 UI 元素为居，例如在屏幕中心淡出的對(duì)話框碌宴。
Flutter pulltorefresh
該 Flutter 軟件包集成了 Flutter 滾動(dòng)部件和下拉刷新功能。
功能:
- 當(dāng)你在窗口中向上滾動(dòng)時(shí)蒙畴，它會(huì)加載贰镣，當(dāng)你向下滾動(dòng)時(shí)，它會(huì)刷新
- 它最適合所有的滾動(dòng)小部件，如 GridView 和 ListView
- 配備了一些常見的指示器
- 附帶默認(rèn)指示符和屬性的全局設(shè)置
- 除了水平和垂直刷新碑隆，它還支持反向 ScrollView
- 包含更多的更新風(fēng)格董朝，比如 Behind，F(xiàn)ollow干跛，Unfollow 和 Front
- 支持兩級(jí)刷新
? 貓哥
往期
開源
GetX Quick Start
https://github.com/ducafecat/getx_quick_start
新聞客戶端
https://github.com/ducafecat/flutter_learn_news
strapi 手冊(cè)譯文
微信討論群 ducafecat
系列集合
譯文
https://ducafecat.tech/categories/%E8%AF%91%E6%96%87/
開源項(xiàng)目
https://ducafecat.tech/categories/%E5%BC%80%E6%BA%90/
Dart 編程語(yǔ)言基礎(chǔ)
https://space.bilibili.com/404904528/channel/detail?cid=111585
Flutter 零基礎(chǔ)入門
https://space.bilibili.com/404904528/channel/detail?cid=123470
Flutter 實(shí)戰(zhàn)從零開始 新聞客戶端
https://space.bilibili.com/404904528/channel/detail?cid=106755
Flutter 組件開發(fā)
https://space.bilibili.com/404904528/channel/detail?cid=144262
Flutter Bloc
https://space.bilibili.com/404904528/channel/detail?cid=177519
Flutter Getx4
https://space.bilibili.com/404904528/channel/detail?cid=177514
Docker Yapi
https://space.bilibili.com/404904528/channel/detail?cid=130578
