FWidget 用心提供精緻的組件,助您構建精美的應用。html
如今,快扔掉你手中還沒蘸蕃茄醬的薯條 🍟。git
把目光聚焦到這 👀。github
有請來自由 【阿里巴巴-飛豬-FliggyMobile 技術團隊】 開發的 FWidget 的全新成員, F..Radio,閃——亮——登——場~ 🎉🎉🎉bash
FRadio 十分擅長於處理單選任務場景,這點你能夠從它被賦予的名稱能夠看出。函數
可是開發者,若是你腦海中此時浮現的單選僅僅是相似如下這樣的url
那麼請調整好坐姿,妙不可言的 FRadio 將給你帶來精美創造力的解放,這也許會讓你受到些許的驚豔。但請儘快適應它。咱們還有不少想要展現給你的~~料。spa
來看看 FRadio 是如何打破常規的?code
精彩的交互動效cdn
支持對圓角精準控制htm
美妙的漸變效果支持
簡單但有效的多狀態視圖構建支持
不可思議的、靈活的可配置項
雖是熟悉的味道,不過更勝一籌
FRadio(
value: 1,
groupValue: groupValue,
onChanged: (value) {
setState(() {
groupValue = value;
});
},
),
複製代碼
構建一個基礎款的單選元素,像過去同樣簡單,但表現力卻更勝以往。
一切從簡,但仍要與時俱進
很明顯,現在的單選元素再也不像過去同樣簡單了。
咱們但願它能在啓用與禁用之間隨意切換,即便選中了也能取消選擇。
沒問題,FRadio 早已爲開發者們準備好了這一切,但仍然保持着充分的簡潔。你只須要經過 enable
和 toggleable
兩個屬性,就能實現對這一切的掌控。
用最少的代碼,創造最豐富的效果
毫無疑問,FRadio 來源於現實的場景。對於處理單選場景任務,它真的很在行。
豐富但簡單的配置,能夠完成衆多形態、色彩以及交互各異的單選視效。
善用漸變創造美
漸變的支持,使得 FRadio 能夠爲單選元素來一次超快的視覺升級。
咱們對美的創造不該該被束縛。
多有趣一點,就能多抓眼球一點
人們經常會被有趣的事物所吸引。
FRadio 預留了靈活的裝飾接口,容許你對 "有趣" 下個定義。
限制?就是用來突破的
若是你發現 FRadio 精心準備的基礎樣式配置沒法知足你的奇思妙想。
不要緊,FRadio 爲你準備了足夠大的 大招 🍾。
使用 FRadio.custom()
構造函數,你將能毫無限制的創造可能,其他的交互、狀態切換放心交給 FRadio。
你看,因此從如今開始,能束縛住你的,也不過只有本身而已。
在項目 pubspec.yaml
文件中添加依賴:
dependencies:
fradio: ^<版本號>
複製代碼
⚠️ 注意,請到 pub 獲取 FRadio 最新版本號
dependencies:
fradio:
git:
url: 'git@github.com:Fliggy-Mobile/fradio.git'
ref: '<分支號 或 tag>'
複製代碼
⚠️ 注意,分支號 或 tag 請以 FRadio 官方項目爲準。