妙不可言,FRadio

FWidget 用心提供精緻的組件,助您構建精美的應用。html

如今,快扔掉你手中還沒蘸蕃茄醬的薯條 🍟。git

把目光聚焦到這 👀。github

有請來自由 【阿里巴巴-飛豬-FliggyMobile 技術團隊】 開發的 FWidget 的全新成員, F..Radio,閃——亮——登——場~ 🎉🎉🎉bash

FRadio 十分擅長於處理單選任務場景,這點你能夠從它被賦予的名稱能夠看出。函數

可是開發者,若是你腦海中此時浮現的單選僅僅是相似如下這樣的url

那麼請調整好坐姿,妙不可言的 FRadio 將給你帶來精美創造力的解放,這也許會讓你受到些許的驚豔。但請儘快適應它。咱們還有不少想要展現給你的~~料。spa

✨ 特性

來看看 FRadio 是如何打破常規的?code

  • 精彩的交互動效cdn

  • 支持對圓角精準控制htm

  • 美妙的漸變效果支持

  • 簡單但有效的多狀態視圖構建支持

  • 不可思議的、靈活的可配置項

🛸 傳送區

🛸 【傳送門:FRadio Github 主頁 - 感謝您的 Star 🌟】

📖 【傳送門:FRadio 文檔】

🎭 必備基礎款

雖是熟悉的味道,不過更勝一籌

FRadio(
  value: 1,
  groupValue: groupValue,
  onChanged: (value) {
    setState(() {
      groupValue = value;
    });
  },
),
複製代碼

構建一個基礎款的單選元素,像過去同樣簡單,但表現力卻更勝以往。

📌 可用態和可取消模式

一切從簡,但仍要與時俱進

很明顯,現在的單選元素再也不像過去同樣簡單了。

咱們但願它能在啓用與禁用之間隨意切換,即便選中了也能取消選擇。

沒問題,FRadio 早已爲開發者們準備好了這一切,但仍然保持着充分的簡潔。你只須要經過 enabletoggleable 兩個屬性,就能實現對這一切的掌控。

🔆 間距 & 圓角 & 邊框

用最少的代碼,創造最豐富的效果

毫無疑問,FRadio 來源於現實的場景。對於處理單選場景任務,它真的很在行。

豐富但簡單的配置,能夠完成衆多形態、色彩以及交互各異的單選視效。

🌈 漸變

善用漸變創造美

漸變的支持,使得 FRadio 能夠爲單選元素來一次超快的視覺升級。

咱們對美的創造不該該被束縛。

🍭 裝飾

多有趣一點,就能多抓眼球一點

人們經常會被有趣的事物所吸引。

FRadio 預留了靈活的裝飾接口,容許你對 "有趣" 下個定義。

🎨 這是自定義呀!

限制?就是用來突破的

若是你發現 FRadio 精心準備的基礎樣式配置沒法知足你的奇思妙想。

不要緊,FRadio 爲你準備了足夠大的 大招 🍾。

使用 FRadio.custom() 構造函數,你將能毫無限制的創造可能,其他的交互、狀態切換放心交給 FRadio

你看,因此從如今開始,能束縛住你的,也不過只有本身而已。

想要了解更多詳細內容?請訪問 FRadio 官方主頁 (PS:別忘了投出一個你承認的 Star 哦 😘)。

😃 如何使用?

在項目 pubspec.yaml 文件中添加依賴:

🌐 pub 依賴方式

dependencies:
  fradio: ^<版本號>
複製代碼

⚠️ 注意,請到 pub 獲取 FRadio 最新版本號

🖥 git 依賴方式

dependencies:
  fradio:
    git:
      url: 'git@github.com:Fliggy-Mobile/fradio.git'
      ref: '<分支號 或 tag>'
複製代碼

⚠️ 注意,分支號 或 tag 請以 FRadio 官方項目爲準。

感受還不錯?請到 《FRadio》的 Github 主頁投出您承認的一個 Star 🌟 吧!

往期組件

相關文章
相關標籤/搜索