10 個 Flutter 優秀元件

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

今天我們再次討論關於 UI 和 Widgets 的優秀軟體包。所以... ... 讓我們開始愉快的閱讀吧!

原文

https://tomicriedel.medium.co...

正文

Yaru

Flutter 支援許多平臺,其中包括 Linux。現在,如果你開發了一個漂亮的 Ubuntu 風格的應用程式,它可能會變得複雜。這就是亞魯存在的原因。這使您能夠使用各種各樣的元件,從按鈕和檢查到進度條,而無需編寫複雜的程式碼。

Aesthetic 對話

對話是偉大的發明。它們被用在幾乎每一個應用程式中,並且看起來非常棒。然而,建立如此美妙的對話方塊需要時間。出於這個原因,有一個包叫做 aesthetic_dialogs。這為您提供了許多定製選項,但仍然非常容易使用。

Swipable Stack

swipable_stack

你可能想要建立一個 Tinder 的克隆,或者一個完全不同的應用,但是它也有熟悉的 swipecards。當然,你可以自己新增整個應用程式,但是為什麼要讓它變得不必要的困難呢?你應該使用 swipable_stack。有了這個軟體包,你可以很容易地建立這些卡片,並通過一些程式碼線獲得使用者輸入。你的應用程式可以是這樣的:

Animated Toggle Switch 動畫切換開關

animated_toggle_switch

動畫切換開關為您提供了一個不同的選擇,不僅僅是 2 個選擇不同的開關。解釋這個概念最簡單的方法是使用 gif:

自定義導航欄

custom_navigation_bar

自定義導航欄為你提供了建立簡單的動畫導航欄的可能性。這個導航條適合任何看起來很時髦的應用程式,一定會吸引使用者的眼球!

自定義計時器

Custom Timer

定製計時器讓你有可能在你的應用程式中建立一個非常簡單的計時器,然而這是非常可定製的。這個軟體包非常容易使用,並且可以在任何一個運動和時鐘應用程式中找到使用方法:

Flash 閃光

flash

提醒對話方塊是很棒的,但是有時候寫這麼多程式碼並自定義整個事情會有點煩人。這就是 flash 發揮作用的地方。這是一個非常容易使用的可定製的警報庫。

Scribble

Scribble

Scribble 是一個圖書館,讓你在 Flutter 應用程式中繪製基本的方法。你可以使用橡皮擦,使用不同厚度的鋼筆,甚至是不同的顏色。對於具有小型繪圖功能的應用程式,這個庫是絕對推薦的。

Water Drop 導航杆

library

這個導航欄有很多精彩的動畫。正如這個library的名字所暗示的那樣,它看起來就像一滴水滴落在選定的圖示上。下面是一個例子:

Glass 玻璃效果

glassmorphism

玻璃態勢是一個巨大的使用者介面趨勢,但並不總是容易實現。這就是為什麼有這樣一個 glassmorphism ,它允許您輕鬆地建立 Glasmorphic UI。

end.

祝你今天愉快!


© 貓哥

相關文章