在Flutter中，如何创建“此应用程序的工作原理”演练？

编程问答 2022-06-12

问题描述

我想为我们的应用程序启动一个简单的演练。用户将首次登录（或在设置中选择“教程”选项），然后将引导您完成如何使用该应用程序。

为澄清起见，该应用程序将启动一个对话框/警报对话框，并且背景将变为灰色或变灰，突出显示该应用程序的特定区域/按钮以与他们进行对话。该对话框将有一个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,
walkthrough