ken_burns_slideshow

Description:

ken burns slideshow

ken_burns_slideshow #


A Flutter library for creating Ken Burns effect slideshows.
This library provides a set of widgets and animations to create Ken Burns effect slideshows in Flutter applications.

If you find this widget useful, consider supporting the developer by buying them a coffee.

Installation #
Add the following line to your pubspec.yaml file:
ken_burns_slideshow: $latest_version
copied to clipboard
The latest version of the package is
Usage #
Firstly, import in dart code:
import 'package:ken_burns_slideshow/ken_burns_slideshow.dart';
copied to clipboard
To use the ken_burns_slideshow, follow these steps:


Make sure to have a fixed height parent widget.


Within your Flutter widget tree, simply add the KenBurnsSlideshow widget.


KenBurnsSlideshow.asset(
background: Colors.black,
foreground: Colors.black38,
images: const [
'assets/images/1.jpg',
'assets/images/2.jpg',
'assets/images/3.jpg',
'assets/images/4.jpg',
'assets/images/5.jpg',
],
)
copied to clipboard
Image Sources #
KenBurnsSlideshow supports different image sources.

KenBurnsSlideshow.asset
KenBurnsSlideshow.network
KenBurnsSlideshow.memory
KenBurnsSlideshow.cachedNetwork

Animation Sequence #
KenBurnsSlideshow receives List<KenBurnsAnimation> as parameter named animationSequence where you can pass your animation sequence. Animations will be iterated from the passed list.
Pre-Defined & Custom Animations #
You can create custom animations using KenBurnsAnimation class.
var myAnimation = KenBurnsAnimation(
scaleBegin: 1,
scaleEnd: 1.3,
translateXBegin: 0,
translateXEnd: -0.15,
)
copied to clipboard
However, KenBurnsSlideshow comes with some pre-defined animations:

topToBottom
bottomToTop
leftToRight
rightToLeft
zoomIn
zoomOut
zoomInLeft
zoomInRight

For more Information about the Classes, Enums, Functions etc, visit API Reference.