10 個 Flutter 建議 ー 第9/10部分

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

img

10 個 Flutter 建議 ー 第9/10部分

這個偉大系列的倒數第二部分現在就在這裡,今天我們將看看不同的軟體包,就像我們在系列開始時所做的那樣。我們將研究如何使用遊戲引擎建立我們自己的遊戲,還可以剪輯視訊或提示使用者安裝一個新版本的應用程式。

說了這麼多,讓我們開始吧!

閱讀愉快!

原文

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

Upgrader

https://pub.dev/packages/upgr...

Upgrader 是一個超級軟體包,用來提醒使用者該應用程式的更新是可用的。

這是一個有點累贅的建立,但絕對的東西,即使是初學者一些 Flutter 知識可以做。這個方案有幾個優點。一旦它可以在 MaterialDesign 和 Cupertionostyle 一樣顯示警報,還可以設定不同的語言。

In App review

https://pub.dev/packages/in_a...

當我們談到小的彈出視窗時,我們不妨繼續。應用評論對於應用程式來說非常重要,因為它們反映了使用者對應用程式的看法,以及作為一個應用程式開發者你能夠改進的地方。

這就是為什麼有一個很棒的外掛叫做 in app review。有了這個軟體包,使用者可以在應用程式的某個特定位置給出評級,這個評級也會發布到 App \& Google Play Store,而不用離開應用程式。

Flutter Funding Choices

http://pub.dev/packages/flutt...

好的,這是今天的最後一個彈出視窗,我保證:)

在歐洲,在應用程式中詢問是否允許收集資料以改善服務等是強制性的。為此,有一攬子顫動資金的選擇。這是一個非官方的基金選擇的 Flutter 實現,一個谷歌服務,允許請求使用者同意在 AdMob 的個性化廣告。

In app notification

https://pub.dev/packages/in_a...

像 WhatsApp,Signal 和 co. 這樣的通知非常方便,我已經在另外10個 Flutter tips 帖子中展示了這個軟體包的工作原理。如果你想要在應用程式中有一個獨立於作業系統的小通知,那麼你可以使用 app 中的包通知。它非常容易使用,你可以展示這些小卡片,例如,如果在登入過程中出現故障。說到登入,對使用者使用強密碼難道沒有好的解決方案嗎?

InAppNotification.show(
  child: NotificationBody(count: _count),
  context: context,
  onTap: () => print('Notification tapped!'),
);

Flutter Password Validator

https://pub.dev/packages/flut...

回答最後一條提示中的問題: 是的,它確實存在。驗證器是一個非常好的包,可以確保使用者滿足一個好的密碼的要求。這也是非常容易使用,並且一定要看看。

TextField(
    controller: _passwordController,
),
FlutterPwValidator(
    controller: _passwordController,
    minLength: 6,
    uppercaseCharCount: 2,
    numericCharCount: 3,
    specialCharCount: 1,
    width: 400,
    height: 150,
    onSuccess: yourCallbackFunction,
)

Webview Flutter

https://pub.dev/packages/webv...

在應用程式中檢視網站而不使用瀏覽器或其他什麼?好吧,你可以很容易地做到這一點,使用 webview/flutter。就像這裡展示的所有軟體包一樣,它非常容易使用,只需要一行程式碼:

return WebView(initialUrl: 'https://tomicriedel.medium.com');

是的,就是這樣,現在你的 webview 已經開始工作了。當然,如果你打算建立一個瀏覽器,你可以把整個事情連結到一個變數上:

String tomicRiedel = '<https://tomicriedel.medium.com>';

return WebView(initialUrl: tomicRiedel);

Flag

https://pub.dev/packages/flag

旗幟可以在許多不同的地區使用。例如,如果您希望使用者選擇他的原籍,或者您希望使用標誌使國家程式碼更具描述性。軟體包標誌為你提供了在你的應用中使用它們的所有世界旗幟網:

Flag.fromCode(FlagsCode.COUNTRY_CODE, height: HEIGHT, width: WIDTH),
//OR
Flag.fromString(COUNTRY_CODE, height: HEIGHT, width: WIDTH),

Lan scanner

https://pub.dev/packages/lan_...

每個人都知道這個彈出視窗在應用程式中詢問是否允許應用程式在本地網路中發現網路裝置。你的應用程式也需要這個嗎?那麼包 lan \_ scanner 正是您所需要的。這次可能不是用一行程式碼寫的,但是我會告訴你怎麼做:

final port = 80;
final subnet = "192.168.0";
final timeout = Duration(seconds: 5);
final scanner = LanScanner();
final stream = scanner.preciseScan(
  subnet,
  timeout: timeout,
  progressCallback: (ProgressModel progress) {
    print('${progress.percent * 100}% 192.168.0.${progress.currIP}');
  },
);
stream.listen((DeviceModel device) {
  if (device.exists) {
    print("Found device on ${device.ip}:${device.port}");
  }
});

https://pub.dev/packages/netw...

但可能是因為您不知道自己的子網是什麼。然後你仍然應該使用 network_info_plus 包,然後呼叫 ipToSubnet ()函式:

var wifiIP = await (NetworkInfo().getWifiIP())
var subnet = ipToSubnet(wifiIP);

Video trimmer

https://pub.dev/packages/vide...

每個人都知道。當你想在應用程式裡剪輯視訊的時候。如果你想在你的應用程式中使用這個功能,你應該使用視訊剪輯器。它可以修剪視訊,然後觀看這個,也儲存在檔案中。這個軟體包的另一個非常酷的特性是它甚至支援。Gif 檔案。

因為它需要一些許可權來載入視訊等,我不會在這裡解釋如何設定它,但是包的 README 非常詳細,易於理解。

Flame

https://pub.dev/packages/flame

正如在一開始所承諾的那樣,我將向你展示一個 Flutter 的遊戲引擎。這個叫做火焰。這個引擎仍然處於測試階段,但是正在不斷地被開發,並且已經被很多人制造出來了。Robert Brunhage 在視訊中製作了一個非常簡單的遊戲,但這只是一個簡單的例子,我相信你可以用它來製作真正的命中游戲;)

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


© 貓哥

相關文章