首次启动 flutter 应用程序时如何添加教程

Question

有谁知道如何在flutter中第一次启动应用程序时添加教程？示例作为图像附加。

Answer 1

您可以使用tutorial_coach_mark库，例如：

import 'package:flutter/material.dart';
import 'package:tutorial_coach_mark/tutorial_coach_mark.dart';

void showTutorial() {
    TutorialCoachMark(
      context,
      targets: targets, // List<TargetFocus>
      colorShadow: Colors.red, // DEFAULT Colors.black
       // alignSkip: Alignment.bottomRight,
       // textSkip: "SKIP",
       // paddingFocus: 10,
      finish: (){
        print("finish");
      },
      clickTarget: (target){
        print(target);
      },
      clickSkip: (){
        print("skip");
      }
    )..show();
  }

为了能够第一次使用它，您需要shared_preferences包：

SharedPreferences prefs = await SharedPreferences.getInstance();
var watchedIntro=prefs.getBool('watchedIntro')??false;
if(!watchedIntro)

当教程结束时设置watchedIntro为 true：

await prefs.setBool('watchedIntro', true);