譯 10 個 Flutter 元件推薦 – 5

會煮咖啡的貓發表於2022-05-24

img

譯 10 個 Flutter 元件推薦 – 5

我們將關注網站、軟體包、 GitHub 倉庫、小工具、擴充套件以及更多內容,所以我建議你現在就跟隨我,不要錯過這個!

閱讀愉快!

Flutter Carplay

與此同時,它在炒作,撲卡玩。你可以用它在 Flutter 開發一個可以在蘋果 Carplay 上執行的應用程式。

Scribble

http://pub.dev/packages/scribble

Scribble 是一個簡單的包,可以讓你畫。它能對壓力的變化做出反應,支援不同厚度的劃臂等等。

它仍然處於開發階段,但是它正在不斷地獲得新的特性,並且已經具備了最重要的特性。

Badges

http://pub.dev/packages/badges

包徽章用於向任何小部件新增徽章。這個數字可以表示你的購物車裡有多少商品或者有多少條新訊息,但是它也可以用來表示警告,例如一個歎號或者一個新的功能。正如你所見,可能性幾乎是無窮無盡的。

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

Pinput

https://pub.flutter-io.cn/pac...

Pinput 用於建立引腳程式碼輸入,其中每個畫素都是可定製的。

Flutter Blurhash

https://pub.dev/packages/flut...

這個軟體包是為影像新增一個模糊效果。Blurhash 是一種程式碼,它指定您的影像看起來會變得模糊不清。要得到這個程式碼,你需要去 https://blurha.sh/圖片庫,並貼上你的圖片到那裡。這裡有一個視覺示例來說明這是如何工作的:

現在要插入 blurhash,你必須在你的 flutter 程式碼中實現下面的程式碼:

Bottom Bar with Sheet

https://pub.dev/packages/bott...

是一個普通的底部欄,但是它提供了一個非常有用的功能。有時候你想在螢幕上有更多的空間,但是你是怎麼做到的呢?嗯,非常簡單: 有了這個導航條,你可以拉出一個“第二螢幕”/表,通過這樣做,你得到更多的空間。下面是一個小例子:

看起來有點複雜,但實際上並不複雜。包中有一個很棒的自述檔案,可以詳細解釋一切。

String Validator

http://pub.dev/packages/strin...

這個包裹已經為我節省了很多時間。String \_ validator 用於驗證一個字串(誰會想到呢)。這聽起來並不令人興奮,但是如果你看看有多少種可能性可以用這個包驗證一個字串,那麼它幾乎屬於每個 Flutter 專案。

Flutter gen

http://pub.dev/packages/flutt...

這個工具非常有用。我們都知道基於字串的 api 並不是最安全的。如果插入的單個字元不正確,整個字串將停止工作。問題是您經常在 Flutter 中使用 sting api。資產,字型,顏色... 顫動原是有解決這個問題。

它的設定有點複雜,但非常值得,你應該在每個專案中使用它!

image-20220518060152668

Photo View

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

照片檢視是一個非常簡單但有用的包。當你顯示一張照片時,你也希望能夠放大和縮小以及其他東西。只要用 PhotoView 小工具包裝你的圖片,就可以完成了

你也可以建立一個照片庫。

Wakelock

https://pub.dev/packages/wake...

防止螢幕自動關閉

如果使用者已經設定了,那麼螢幕會在一段時間後關閉,手機會自動鎖定。但是這有時候是非常煩人的,因為一個程式正在應用程式或其他東西中執行。通過這個簡單的外掛,你可以防止手機自動鎖定:

祝你有愉快的一天,謝謝閱讀!


© 貓哥

相關文章