animated_introduction 1.0.4 animated_introduction: ^1.0.4 copied to clipboard
A new flutter introduction package with image and animation, which you can use to show your app features or product showcase.
import 'package:animated_introduction/animated_introduction.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Animated Introduction Demo',
debugShowCheckedModeBanner: false,
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: const ExamplePage(),
);
}
}
/// List of pages to be shown in the introduction
///
final List<SingleIntroScreen> pages = [
const SingleIntroScreen(
title: 'Welcome to the Event Management App !',
description: 'You plans your Events, We\'ll do the rest and will be the best! Guaranteed! ',
imageAsset: 'assets/onboard_one.png',
),
const SingleIntroScreen(
title: 'Book tickets to cricket matches and events',
description: 'Tickets to the latest movies, crickets matches, concerts, comedy shows, plus lots more !',
imageAsset: 'assets/onboard_two.png',
),
const SingleIntroScreen(
title: 'Grabs all events now only in your hands',
description: 'All events are now in your hands, just a click away ! ',
imageAsset: 'assets/onboard_three.png',
),
];
/// Example page
class ExamplePage extends StatelessWidget {
const ExamplePage({super.key});
@override
Widget build(BuildContext context) {
return AnimatedIntroduction(
slides: pages,
indicatorType: IndicatorType.circle,
onDone: () {
/// TODO: Go to desire page like login or home
},
);
}
}