Как добавить учебник в приложение Flutter, когда мы запускаем его в первый раз

Question

Кто-нибудь знает, как добавить туториал при первом запуске приложения во флаттере? Пример прилагается в виде изображения.

пример

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 package:

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

и по окончании обучения установите для watchedIntro значение true:

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

Answer 2

Вы можете попробовать этот пакет, tutorial_coach_mark .