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),
);
}
}
Shimmer A package provides an easy way to add shimmer effect in Flutter project How to use import 'package:shimmer/shimmer.dart'; SizedBox( width:
This repository contains the Liquid Swipe Flutter source code. Liquid swipe is the revealing clipper to bring off amazing liquid like swipe to stacked
Photo Filters package for flutter A flutter package for iOS and Android for applying filter to an image. A set of preset filters are also available. Y
Flutter Shine Show some ❤️ and star the repo to support the project Flutter widget inspired by Shine Installation Add the Package dependencies: flut
What is it? The end result looks a little something like this: Sample project for creating nice looking PageView parallax effects in Flutter. Read the
This flutter package contains a widget called DecodingTextEffect which is having some cool Decode Effects for texts. Installing 1. Depend on it Add th
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
page_view_class A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started
scrollable_list_tab_scroller Customizable Flutter widget which syncronize ScrollView with PageView as tabs. Create a custom page view as tabs which sy
smooth_page_indicator Customizable animated page indicator with a set of built-in effects. infinite Loop support [new] Scrolling dots effect Effects E
PreloadPageView Like the name, this is the widget to support Pre-load function for PageView widget. For better user experience sometimes we need pre-l
perspective_pageview With this you will be able to create 3D Perspective PageView in Flutter Easily Getting Started This project is a starting point f
Worm Indicator A Flutter PageView indicator insprired by worm animation. It can be easily integrated with any Flutter PageView. Pull requests are welc
PageViewIndicator Builds indication marks for PageView. Import import 'package:page_view_indicator/page_view_indicator.dart'; Usage Default Material b
flex_grid Language: English| 中文简体 The FlexGrid control provides a powerful and quickly way to display data in a tabular format. It is including that f
async_task This package brings asynchronous tasks and parallel executors (similar to classic thread pools) for all Dart platforms (JS/Web, Flutter, VM
Webview with Splash Screen in Flutter Flutter Web View With Splash Screen. Subscribe Our YouTube Channel. Visit Website Demo OutPut ?? Links Getting S
FlutterMoneyFormatter FlutterMoneyFormatter is a Flutter extension to formatting various types of currencies according to the characteristics you like
Ubuntu Launcher Introduction Ubuntu launcher is an custom android launcher build with Flutter with a Ubuntu-Gnome look. Though flutter is a cross plat
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