0 purchases
Description:
parallax effect
A Parallax effect package, Package is useful for animations for items in foreground, or background scrolling effect.
Features #
Parallax movement with different stackable layers.
Supports 3 dimensional rotation.
Getting started #
Use Parallax widget for Configurations:
height: widget parent height
width: widget parent width
enableDrag: enables on click/tap movement
item: children of type ParallaxItem
Use ParallaxItem widget for Configurations:
factor: ParallaxFactor(x,y)
alignment: initial alignment of child
rotationFactor: ParallaxFactor(x,y) for rotation
child: child
Usage #
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Parallax(
height: 400,
width: 400,
enableDrag: true,
items: List.generate(
5,
(index) => ParallaxItem(
factor: ParallaxFactor(x: 0.05 * index, y: 0.05 * index),
rotationFactor: ParallaxFactor(x: 0, y: 0.05 * index),
child:
Container(height: 50, width: 50, color: Colors.green))),
));
}
}
copied to clipboard
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
