关于程序员:Flutter-应用程序中的-Quick-Actions

40次阅读

共计 955 个字符,预计需要花费 3 分钟才能阅读完成。

Flutter 应用程序中的 Quick Actions

原文 https://medium.com/vijay-r/qu…

前言

在这篇文章中,咱们将探讨如何增加 Quick Actions 在咱们的 Flutter 应用程序,使咱们的应用程序更加敌对的用户。

注释

  • 插件 quick_actions

https://pub.dev/packages/quic…

施行

QuickActions 容许用户间接从他们的设施主屏幕与应用程序交互。

首先,让咱们创立一个简略的应用程序,它蕴含两个独立的屏幕,第一个页面屏幕和第二个页面屏幕,以及两个晋升的按钮,当咱们按下它们时,它们将导航到相应的第一个或第二个页面屏幕。

当初,让咱们初始化 quick actions 并在其中增加 ShorcutItems,如下所示。

运行测试

如果咱们当初尝试运行咱们的应用程序,咱们将可能看到疾速的口头,只需按住应用程序图标。

退出图标

咱们当初曾经胜利地实现了 Quick Actions 性能在咱们的 Flutter 应用程序。然而,如果咱们看到图像 (显示在上面),咱们会留神到尾部的图标作为一些点。默认状况下,咱们失去这个点图标时,咱们尝试增加 Quick Actions,而不提供咱们的自定义图标图像。

因而,让咱们尝试为 android 和 iOS 增加咱们自定义的图标图像。

Something 对于 android,咱们须要在 android/app/src/main/res/drawable 文件夹中增加图标图像。

➡️ 对于 iOS,咱们须要在 Xcode 中关上我的项目,只需右键单击我的项目目录中的 ios 文件夹即可。

而后,咱们须要在 Runner/Runner/Assets/ (如下所示) 中增加图标图像

当初尝试卸载应用程序,并重新安装它,以可视化的变动。

就是这样,这就是咱们如何将疾速动作 integrate 到 Flutter 应用程序中的办法

代码

https://github.com/vijayinyou…

结束语

如果本文对你有帮忙,请转发让更多的敌人浏览。

兴许这个操作只有你 3 秒钟,对我来说是一个激励,感激。

祝你有一个美妙的一天~


© 猫哥

  • 微信 ducafecat
  • https://wiki.ducafecat.tech
  • https://video.ducafecat.tech

本文由 mdnice 多平台公布

正文完
 0