Repository files navigation

PageTransformer for flutter

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 atransformer toTransformerPageView,which is a sub class ofPageTransformer

See codehere

See codehere

See codehere

See codehere

See codehere

See codehere

• Installation
• Basic Usage
• Build-in Parallax
• Custom animation

Add

transformer_page_view:

to your pubspec.yaml ,and run

flutter packages get

in your project's root directory.

We provide 3 build-in parallaxes, which handle color、image and container

ParallaxColor

ParallaxColor handles the color transform, which controls the color transform from one to another.

ParallaxImage

ParallaxImage handles the image, which speed is slower than thePageView

ParallaxContainer

ParallaxContainer handles the text or other staff, which speed is faster than thePageView

3 build-in parallaxes are all used in subclass ofPageTransform,group these parallaxes together, we can create very cool things.

Inspired bypage-transformer, and we have an easier way to create this.

See codehere