4個非常有用的 Flutter 技巧

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

4個非常有用的 Flutter 技巧

今天我將向您展示 4 個非常有用的 Flutter 技巧,您可以立即應用到您的專案。我不會向您展示任何包或擴充套件,就像我通常做的那樣,但是非常簡單,但是非常有用的提示!

原文

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

正文

今天我將向您展示 4 個非常有用的 Flutter 技巧,您可以立即應用到您的專案。我不會向您展示任何包或擴充套件,就像我通常做的那樣,但是非常簡單,但是非常有用的提示!

簡化 Assert 管理

管理 Assert 可能非常困難。如果你想在你的應用程式中多次使用一個影像,你必須一次又一次地指定路徑。但是有一個簡單得多的解決方案。建立一個 App Assets 類,用於儲存所有的 App Assert。現在您可以輕鬆地使用 AppAssets.appLogoAppAssets.noConnection 呼叫 Assert。

4個非常有用的 Flutter 技巧

4個非常有用的 Flutter 技巧

更容易 imports

在一個檔案的開頭看到和管理成千上萬的匯入真的很煩人。這就是為什麼我要向你們展示一種輕鬆減少進口的方法。

假設你有一個資料夾叫做 Constants, 裡面的檔案包括 app_colors.dart, app_fonts.dart, app_theme.dart, app_constants and app_assets.dart are.

4個非常有用的 Flutter 技巧

在這個資料夾中,您現在建立一個名為 constant.dart 的新檔案。

4個非常有用的 Flutter 技巧

在這裡,您為每個檔案編寫一個匯出語句。現在你可以通過簡單的匯入 constant.dart 來訪問你的每個檔案:

4個非常有用的 Flutter 技巧

4個非常有用的 Flutter 技巧

從按鈕上移除飛濺效果

4個非常有用的 Flutter 技巧

當你點選一個按鈕時,每個人都知道這種飛濺效果,我一點也不喜歡。

所以我將向你們展示如何用一條線消除這種效果。

為此你必須使用 splashFactory:

4個非常有用的 Flutter 技巧

現在你的按鈕在按下的時候看起來像這樣:

4個非常有用的 Flutter 技巧

(我一直在點選按鈕)

更簡單的平臺小工具

每個 Flutter 開發人員可能都知道當你查詢使用者是 iOS 還是 Android 時的情況。因此,您然後顯示一個特定的 wdiget,例如 Switch 或 CupertinoSwitch。但是如果我告訴你,你不需要一個查詢,也不需要兩個小工具呢?怎麼做到的?這就是我現在要展示給你們的:

許多可用於安卓和 iOS 的小工具都有一個。安卓版本的自適應擴充套件。例如,讓我們用。適應的:

4個非常有用的 Flutter 技巧

4個非常有用的 Flutter 技巧

4個非常有用的 Flutter 技巧

好的,這已經很好了,但是最好的還在後面: 這也可以用於圖示。要做到這一點,你只需要使用 Icons.adaptive.share 在 Android 和 iOS 上顯示一個共享圖示。

我不知道這些小工具具體適用於哪些部件,但無論如何,SliderSwitchListTileCircularProgressIndicator 都可以使用這個特性。

可見性小工具

使用 bool 來查詢一個小部件是否應該可見通常是這樣的:

4個非常有用的 Flutter 技巧

但是還有一個名為可見性的小工具可以做到這一點:

4個非常有用的 Flutter 技巧

這樣看起來好多了,對吧?

end

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


© 貓哥