transformer_page_view

PageTransformer for flutter is a library to create transition animation for page in flutter.

Very simple to use

import 'package:transformer_page_view/transformer_page_view.dart';

...

new TransformerPageView(
loop: true,
transformer: new AccordionTransformer(),
itemBuilder: (BuildContext context, int index) {
  return new Container(
    color: list[index%list.length],
    child: new Center(
      child: new Text("$index",style: new TextStyle(fontSize: 80.0,color: Colors.white),),
    ),
  );
},
itemCount: 3)

Almost the same as PageView.builder, simplely specify a transformer to TransformerPageView,
which is a sub class of PageTransformer

Show cases

Parallax

Basic

See code here

Installation

Add


transformer_page_view:

to your pubspec.yaml ,and run

flutter packages get

in your project’s root directory.

Basic Usage

Parameter	Default	Description
scrollDirection	Axis.horizontal	If `Axis.horizontal`, the scroll view’s children are arranged horizontally in a row instead of vertically in a column.
loop	false	Set to `true` to enable continuous loop mode.
index	none	Index number of initial slide. if not set , it is controlled by the widget itself,otherwise, it is controlled by another widget, which is returned by `itemBuilder`
onPageChanged	void onPageChanged(int index)	Called with the new index when the user swiped
duration	new Duration(milliseconds:300)	The milliseconds of every transaction animation costs
transformer	none	The most important property of this widget, it returns a `transformed` widget that based on the widget parameter. If the value is null, a `itemBuilder` must be specified
itemCount	none	Number of the total items
itemBuilder	none	A function that returns a widget based on index,if it’s null,a `transformer` must be specified