flutter - 在 Flutter 中,如何创建“此应用程序的工作原理”演练?
问题描述
我想为我们的应用程序启动一个简单的演练。用户将首次登录(或在设置中选择“教程”选项),它将引导您了解如何使用该应用程序。
澄清一下,该应用程序将启动一个对话框/警报对话框,并且背景将变灰或变灰,突出显示应用程序的特定区域/按钮以通过它进行对话。该对话框将有一个 Text 的子项,解释如何使用它。
用户单击这些步骤后,教程将结束,但可以在设置中重新激活。
任何帮助,将不胜感激。谢谢
解决方案
有一个名为的插件showcaseview
,几乎可以满足您的需求。你可以在这里得到它。要使用它,您需要将要显示的页面包装在ShowCaseWidget
ShowCaseWidget(
builder: Builder(
builder : (context) () => Somewidget()
),
),
然后对于要为其显示指南的页面的每个部分,将其包装在ShowCase
Showcase(
key: _one,
title: 'Menu',
description: 'Click here to see menu options',
child: Icon(
Icons.menu,
color: Colors.black45,
),
),
推荐阅读
- php - 在 WooCommerce 产品附加信息选项卡中显示选定的变体自定义字段值
- javascript - Service Worker 将文件存储在内容缓存文件中,内容长度为:0
- mysql - 当我按下保存时,Codeigniter 不保存数据库数据
- node.js - Nodejs,如果记录器抛出错误,我该怎么办?
- maven - 我们如何从程序集插件中的 pom.xml 获取项目版本
- javascript - 使用JS添加2个文本框
- jenkins - Ansible 通过 Jenkins Job 同步模块执行失败
- azure - Azure 事件中心如何使用 Azure 服务总线
- javascript - 如何映射数组中的所有图像url
- javascript - 是否有任何方法可以使用 Javascript 将实时数据从一个浏览器选项卡传递到另一个浏览器选项卡