flutter - 首次启动 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为真:

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