• Stars
    star
    518
  • Rank 85,414 (Top 2 %)
  • Language
    Dart
  • License
    Other
  • Created about 6 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

PageTransformer for flutter

Build Status PRs Welcome pub package

transformer_page_view

PageTransformer for 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

Welcome view

Basic

AccordionTransformer

See code here

ThreeDTransformer

See code here

ScaleAndFadeTransformer

See code here

ZoomInPageTransformer

See code here

ZoomOutPageTransformer

See code here

DepthPageTransformer

See code here

Getting Started

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

Build-in Parallax

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 the PageView

ParallaxContainer

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

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

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

See code here

Custom animation

More Repositories

1

flutter_swiper

The best swiper for flutter , with multiple layouts, infinite loop. Compatible with Android & iOS.
Dart
3,501
star
2

flutter_amap_location

高德地图flutter定位组件
Dart
274
star
3

flutter_dropdown_menu

A dropdown menu for Flutter.
Dart
265
star
4

flutter_page_indicator

Page indicator for flutter, with multiple build-in layouts.
Dart
180
star
5

flutter_jpush

Flutter版本jpush
Objective-C
142
star
6

flutter_amap

A Flutter plugin use amap.高德地图flutter组件
Objective-C
136
star
7

flutter_alipay

A flutter plugin to use alipay.
Dart
135
star
8

flutter_refresh

A Flutter plugin for refreshing every scrollable view by pulling down-up.
Dart
71
star
9

flutter_location_picker

A location area picker for flutter 省市区位置选择器
Dart
63
star
10

sweetalert

sweetalert for flutter
Dart
56
star
11

flutter_wechat_ble

ble 4.0 with wechat style api for flutter. flutter版微信api风格的低功耗蓝牙
Dart
53
star
12

gbk2utf8

A flutter package to convert gbk to utf-8
Dart
43
star
13

flutter-lover

我们是一群热爱flutter的开发者,我们的目标是让更多人爱上flutter,让移动开发变得更加高效、简单。
36
star
14

easy_alert

A package for flutter to use alert and toast within one line code.
Dart
32
star
15

disk_lru_cache

Disk lru cache for flutter.
Dart
31
star
16

flutter_baidu_location

A flutter plugin for baidu geo location.百度地图定位flutter插件
Dart
22
star
17

linker

A plugin for flutter to link with other app.
Dart
21
star
18

lazy_indexed_stack

懒加载IndexedStack,IndexedStack默认全部加载children,在某些情况下我们不希望这样,lazy_indexed_stack在index被访问之后才加载对应的视图
Dart
20
star
19

flutter_statusbar

A flutter plugin to fetch statusbar info like height.
Ruby
16
star
20

binding_helper

A easy way to use WidgetsBind like get rect of your widget
Dart
10
star
21

flutter_easy_nfc

nfc for flutter,android only
Java
7
star
22

dva

dva for flutter, flutter版dva。
Dart
4
star
23

flutter_rongcloud

融云im flutter版本,开发中
Dart
4
star
24

flutter_umpush

flutter友盟推送插件
3
star
25

flutter_issue

flutter的问题、坑汇总,总结便于大家查找
3
star
26

puremvc

flutter版本puremvc
Dart
2
star
27

refresh_view

Dart
2
star
28

flutter_awesome

flutter资源整理, flutter教程、flutter开源库、flutter问题汇总、flutter文章
1
star