video_walkthrough

A new Flutter package for both android and iOS which helps developers in creating animated video walkthrough of their app.

Show some :heart: and star the repo to support the project

Usage

Example

Dimo Video

Screenshots

To use this package :

• add the dependency to your pubspec.yaml file.

  dependencies:
    flutter:
      sdk: flutter
    video_walkthrough:

How to use

import 'package:flutter/material.dart';

import 'video_walkthrough.dart';
import 'walkthrough.dart';


void main() {
  runApp( MyApp());
}

class MyApp extends StatelessWidget {
  MyApp({Key? key}) : super(key: key);

  final List<Walkthrough> list = [
    Walkthrough(
      title: "Title 1",
      content: "Content 1",
      titleStyle: TextStyle(color: Colors.white),
      contentStyle:  TextStyle(color: Colors.white),
    ),
    Walkthrough(
      title: "Title 2",
      content: "Content 2",
      titleStyle: TextStyle(color: Colors.white),
      contentStyle:  TextStyle(color: Colors.white),
    ),
    Walkthrough(
      title: "Title 3",
      content: "Content 3",
      titleStyle: TextStyle(color: Colors.white),
      contentStyle:  TextStyle(color: Colors.white),
    ),

  ];
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home:  WelcomeScreen(

        videoScale: 1.0,
        video: "assets/video.mp4",
        volume: 0.0,
        walkthroughList: list,
        pageRoute: MaterialPageRoute(builder: (context) =>  MyApp()),
      ),
    );
  }
}

video - the name of url that will show up in the background

volume - the sound of the video

walkthroughList - The list of content that will show in the screens

pageRoute - The screen that will be navigate to after the end of the walkthrough

videoScale - the size of the video in the background

continueText - The string that will show up in the continue button

continueStyle - Text Style of continue button

continueBorderColor - border color of continue button

skipText - The string that will show up in the skip button

skipStyle - Text Style of skip button

startText - The string that will show up in the start button

startStyle - Text Style of start button

startBtnColor - background color of start button

smallImage - The asset of image that show up the content

smallImageColor - The color of the small image up the content

smallImageSize - The size of the small image up the content

dotSize - The size of the dots of the indicator

indicatorActiveColor - The color of the indicator when be selected

indicatorInActiveColor - The size of the indicator when not be selected

Github (Linkedin) (Freelance)