The Container Widget | 3 Things I’ve Learnt

Photo by Paul Teysen on Unsplash
@override
Widget build(BuildContext context) {
return Container(
child: PageView.builder(
itemCount: 5,
itemBuilder: (context, position) {
return _buildPageItem(position);
},
),
);
return Stack(
children: [
Container (...), // yellow Container
Align (
alignment: Alignment.bottomCenter,
child: Container (...), // green Container
),
],
);
Note the change in scale when the sides are scrolled
Widget _buildPageItem(int index) {
Matrix4 matrix = Matrix4.identity();

//insert matrix scaling and requirements
//this will based on the page value of the slider
return Transform (
transform: matrix,
child: Stack (
children: [
Container (...), // yellow Container
Align (
alignment: Alignment.bottomCenter,
child: Container (...), // green Container
),
],
),
);
}

--

--

--

On a learning journey. ❤

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

HTTP Retries in Go

Setting up GCP Compute Engine for Grafana: Grafana Series -Part 1.

AWS Associate Architect Certification Lecture 3 — creating AWS account

Deploying a Django web app on Azure App Service

Extreme Programming Values

I only got one interview in February 1995, and I was placed on the waiting list in March

AWS Cognito — Reasons Why I don't Use As An App Developer

How Create Crypto Game BlackJack with Programing Language

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jackie Moraa

Jackie Moraa

On a learning journey. ❤

More from Medium

Top 5 Flutter DevTools to Enhance Your App Development Process — Moving Beyond The Best

Flutter App Development

Pros and cons of using Flutter framework

Simple Page-Transition in Flutter

Chrome Extension with Flutter