在 Flutter 中,如何创建 'how this app works' 演练?
In Flutter, How does one create a 'how this app works' walk-through?
我想为我们的应用启动一个简单的演练。用户将首次登录(或 select 设置中的 'tutorial' 选项),它会引导您完成如何使用该应用程序。
澄清一下,该应用程序会启动一个 dialog/alertdialog,背景会变灰或变灰,突出显示该应用程序的特定 areas/buttons,以便与他们交谈。该对话框将有一个 Text 的子项来解释如何使用它。
用户点击这些步骤后,教程将结束,但可以在设置中重新激活。
如有任何帮助,我们将不胜感激。
谢谢
有一个名为 showcaseview
的插件,几乎可以满足您的需求。你可以得到它here。要使用它,您需要将要显示的页面包装在 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,
),
),
我想为我们的应用启动一个简单的演练。用户将首次登录(或 select 设置中的 'tutorial' 选项),它会引导您完成如何使用该应用程序。
澄清一下,该应用程序会启动一个 dialog/alertdialog,背景会变灰或变灰,突出显示该应用程序的特定 areas/buttons,以便与他们交谈。该对话框将有一个 Text 的子项来解释如何使用它。
用户点击这些步骤后,教程将结束,但可以在设置中重新激活。
如有任何帮助,我们将不胜感激。 谢谢
有一个名为 showcaseview
的插件,几乎可以满足您的需求。你可以得到它here。要使用它,您需要将要显示的页面包装在 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,
),
),