今天我將向您展示 4 個非常有用的 Flutter 技巧,您可以立即應用到您的專案。我不會向您展示任何包或擴充套件,就像我通常做的那樣,但是非常簡單,但是非常有用的提示!
原文
https://tomicriedel.medium.co...
正文
今天我將向您展示 4 個非常有用的 Flutter 技巧,您可以立即應用到您的專案。我不會向您展示任何包或擴充套件,就像我通常做的那樣,但是非常簡單,但是非常有用的提示!
簡化 Assert 管理
管理 Assert 可能非常困難。如果你想在你的應用程式中多次使用一個影像,你必須一次又一次地指定路徑。但是有一個簡單得多的解決方案。建立一個 App Assets 類,用於儲存所有的 App Assert。現在您可以輕鬆地使用 AppAssets.appLogo
或 AppAssets.noConnection
呼叫 Assert。
更容易 imports
在一個檔案的開頭看到和管理成千上萬的匯入真的很煩人。這就是為什麼我要向你們展示一種輕鬆減少進口的方法。
假設你有一個資料夾叫做 Constants, 裡面的檔案包括 app_colors.dart
, app_fonts.dart
, app_theme.dart
, app_constants
and app_assets.dart
are.
在這個資料夾中,您現在建立一個名為 constant.dart 的新檔案。
在這裡,您為每個檔案編寫一個匯出語句。現在你可以通過簡單的匯入 constant.dart 來訪問你的每個檔案:
從按鈕上移除飛濺效果
當你點選一個按鈕時,每個人都知道這種飛濺效果,我一點也不喜歡。
所以我將向你們展示如何用一條線消除這種效果。
為此你必須使用 splashFactory
:
現在你的按鈕在按下的時候看起來像這樣:
(我一直在點選按鈕)
更簡單的平臺小工具
每個 Flutter 開發人員可能都知道當你查詢使用者是 iOS 還是 Android 時的情況。因此,您然後顯示一個特定的 wdiget,例如 Switch 或 CupertinoSwitch。但是如果我告訴你,你不需要一個查詢,也不需要兩個小工具呢?怎麼做到的?這就是我現在要展示給你們的:
許多可用於安卓和 iOS 的小工具都有一個。安卓版本的自適應擴充套件。例如,讓我們用。適應的:
好的,這已經很好了,但是最好的還在後面: 這也可以用於圖示。要做到這一點,你只需要使用 Icons.adaptive.share
在 Android 和 iOS 上顯示一個共享圖示。
我不知道這些小工具具體適用於哪些部件,但無論如何,Slider
、 SwitchListTile
和 CircularProgressIndicator
都可以使用這個特性。
可見性小工具
使用 bool 來查詢一個小部件是否應該可見通常是這樣的:
但是還有一個名為可見性的小工具可以做到這一點:
這樣看起來好多了,對吧?
end
謝謝你的閱讀,祝你有愉快的一天!
© 貓哥
- 微信 ducafecat
- 部落格 ducafecat.tech
- github
- bilibili