What is it?
The end result looks a little something like this:
Sample project for creating nice looking PageView parallax effects in Flutter.
All the related source code is located in the /lib folder; no separate Android / iOS code needed.
The end result looks a little something like this:
Sample project for creating nice looking PageView parallax effects in Flutter.
All the related source code is located in the /lib folder; no separate Android / iOS code needed.
Hi, thank you for your library! But I think the page transformer doesn't work well if the initial page is not zero. Scrolling a little triggers the NotificationListener and then everything is fine.
Here are some screenshots.
flutter run Launching lib/main.dart on ONEPLUS A5010 in debug mode... Initializing gradle... 0.7s Resolving dependencies...
BUILD FAILED
Total time: 0.606 secs
FAILURE: Build failed with an exception.
Where: Build file '/Users/pixarise/Code/page-transformer/android/build.gradle' line: 3
What went wrong: A problem occurred evaluating root project 'android'.
Could not find method google() for arguments [] on repository container.
Please review your Gradle project setup in the android/ folder.
Correct _calculatePagePosition() for case when PageVisibilityResolver has null (initial) properties, and PageController.initialPage is non-zero. I expect this will fix https://github.com/roughike/page-transformer/issues/7
Hi guys,
I use your lib in my project. After time, I upgrade the project with Dart 2 and now I have the important issue, so I cannot compile
Running "flutter packages upgrade" in baby_learn_with_game...
The current Dart SDK version is 2.1.0-dev.1.0.flutter-ccb16f7282. Because baby_learn_with_game depends on page_transformer any which requires SDK version <2.0.0, version solving failed.
pub upgrade failed (1)
Have idea how to fix it?
J
If someone is looking for a page indicator as well.
DotsIndicator({
this.controller,
this.itemCount,
this.onPageSelected,
this.color: Colors.white,
}) : super(listenable: controller);
/// The PageController that this DotsIndicator is representing.
final PageController controller;
/// The number of items managed by the PageController
final int itemCount;
/// Called when a dot is tapped
final ValueChanged<int> onPageSelected;
/// The color of the dots.
///
/// Defaults to `Colors.white`.
final Color color;
// The base size of the dots
static const double _kDotSize = 8.0;
// The increase in the size of the selected dot
static const double _kMaxZoom = 2.0;
// The distance between the center of each dot
static const double _kDotSpacing = 25.0;
Widget _buildDot(int index) {
double selectedness = Curves.easeOut.transform(
max(
0.0,
1.0 - ((controller.page ?? controller.initialPage) - index).abs(),
),
);
double zoom = 1.0 + (_kMaxZoom - 1.0) * selectedness;
return new Container(
width: _kDotSpacing,
child: new Center(
child: new Material(
color: color,
type: MaterialType.circle,
child: new Container(
width: _kDotSize * zoom,
height: _kDotSize * zoom,
child: new InkWell(
onTap: () => onPageSelected(index),
),
),
),
),
);
}
Widget build(BuildContext context) {
return new Row(
mainAxisAlignment: MainAxisAlignment.center,
children: new List<Widget>.generate(itemCount, _buildDot),
);
}
}
like_button Language: English | 中文简体 Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's h
smooth_page_indicator Customizable animated page indicator with a set of built-in effects. infinite Loop support [new] Scrolling dots effect Effects E
Worm Indicator A Flutter PageView indicator insprired by worm animation. It can be easily integrated with any Flutter PageView. Pull requests are welc
flare_splash_screen Facilitator for having a Splash screen with a Flare animation until some work has been done for the initialization of the app If y
Lottie for Flutter Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and rende
flutter effects A flutter package which contains a collection of some cool and beautiful effects; support android and ios . Screenshot type support ch
Draw Lottie files on a Flutter Widget
Showcase Features Highly customizable (Don't like my particle effects? Make your own with little effort!) Very easy to use A lot of premade particles
DrawApp Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider. All code free to
Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C
AwesomeFlutterUI The purpose of this repository is to demonstrate the use of different widgets and tricks in flutter and how to use them in your proje
flutter_link_preview This is a URL preview plugin that previews the content of a URL Language: English | 中文简体 Special feature Use multi-processing to
Flutter Liquid Swipe liquid Swipe animation is amazing and its Created for iOS P
A candy sorter game made with Flutter for the march flutter challenge.
✨ Flutter Spinkit A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit. ?? Installing dependencies:
drawing_animation From static SVG assets See more examples in the showcasing app. Dynamically created from Path objects which are animated over time m
?? Simple Animations Simple Animations is a powerful package to create beautiful custom animations in no time. ?? fully tested ?? well documented ?? e
funvas Flutter package that allows creating canvas animations based on time and math (mostly trigonometric) functions. The name "funvas" is based on F
animated_vector Description and inspiration A package that adds support for vector data based animations. The data format is heavily inspired from the