正文

今天我將向您展示 4 個(gè)非常有用的 Flutter 技巧，您可以立即應(yīng)用到您的項(xiàng)目。我不會(huì)向您展示任何包或擴(kuò)展，就像我通常做的那樣，但是非常簡(jiǎn)單，但是非常有用的提示！

簡(jiǎn)化 Assert 管理

管理 Assert 可能非常困難。如果你想在你的應(yīng)用程序中多次使用一個(gè)圖像，你必須一次又一次地指定路徑。但是有一個(gè)簡(jiǎn)單得多的解決方案。創(chuàng)建一個(gè) App Assets 類，用于存儲(chǔ)所有的 App Assert。現(xiàn)在您可以輕松地使用 AppAssets.appLogo 或 AppAssets.noConnection 調(diào)用 Assert。

更容易 imports

在一個(gè)文件的開頭看到和管理成千上萬(wàn)的導(dǎo)入真的很煩人。這就是為什么我要向你們展示一種輕松減少進(jìn)口的方法。

假設(shè)你有一個(gè)文件夾叫做 Constants, 里面的文件包括 app_colors.dart, app_fonts.dart, app_theme.dart, app_constants and app_assets.dart are.

在這個(gè)文件夾中，您現(xiàn)在創(chuàng)建一個(gè)名為 constant.dart 的新文件。

在這里，您為每個(gè)文件編寫一個(gè)導(dǎo)出語(yǔ)句。現(xiàn)在你可以通過(guò)簡(jiǎn)單的導(dǎo)入 constant.dart 來(lái)訪問(wèn)你的每個(gè)文件:

從按鈕上移除飛濺效果

當(dāng)你點(diǎn)擊一個(gè)按鈕時(shí)，每個(gè)人都知道這種飛濺效果，我一點(diǎn)也不喜歡。

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

為此你必須使用 splashFactory:

現(xiàn)在你的按鈕在按下的時(shí)候看起來(lái)像這樣:

(我一直在點(diǎn)擊按鈕)

更簡(jiǎn)單的平臺(tái)小工具

每個(gè) Flutter 開發(fā)人員可能都知道當(dāng)你查詢用戶是 iOS 還是 Android 時(shí)的情況。因此，您然后顯示一個(gè)特定的 wdiget，例如 Switch 或 CupertinoSwitch。但是如果我告訴你，你不需要一個(gè)查詢，也不需要兩個(gè)小工具呢？怎么做到的？這就是我現(xiàn)在要展示給你們的:

許多可用于安卓和 iOS 的小工具都有一個(gè)。安卓版本的自適應(yīng)擴(kuò)展。例如，讓我們用。適應(yīng)的:

好的，這已經(jīng)很好了，但是最好的還在后面: 這也可以用于圖標(biāo)。要做到這一點(diǎn)，你只需要使用 Icons.adaptive.share 在 Android 和 iOS 上顯示一個(gè)共享圖標(biāo)。

我不知道這些小工具具體適用于哪些部件，但無(wú)論如何，Slider、 SwitchListTile 和 CircularProgressIndicator 都可以使用這個(gè)特性。

可見(jiàn)性小工具

使用 bool 來(lái)查詢一個(gè)小部件是否應(yīng)該可見(jiàn)通常是這樣的:

但是還有一個(gè)名為可見(jiàn)性的小工具可以做到這一點(diǎn):

這樣看起來(lái)好多了，對(duì)吧？