Skip to content

Instantly share code, notes, and snippets.

@tunitowen
Created December 9, 2018 09:16
Show Gist options
  • Save tunitowen/057376320419dbb024570aace2236152 to your computer and use it in GitHub Desktop.
Save tunitowen/057376320419dbb024570aace2236152 to your computer and use it in GitHub Desktop.
import 'package:flutter/material.dart';
import 'dart:math';
const SCALE_FRACTION = 0.7;
const FULL_SCALE = 1.0;
const PAGER_HEIGHT = 200.0;
class ItCrowdPage extends StatefulWidget {
@override
_ItCrowdPageState createState() => _ItCrowdPageState();
}
class _ItCrowdPageState extends State<ItCrowdPage> {
double viewPortFraction = 0.5;
PageController pageController;
int currentPage = 2;
List<Map<String, String>> listOfCharacters = [{'image': "assets/richmond.png", 'name': "Richmond"},
{'image': "assets/roy.png",'name': "Roy"},
{'image': "assets/moss.png", 'name': "Moss"},
{'image': "assets/douglas.png", 'name': "Douglas"},
{'image': "assets/jen.png", 'name': "Jen"}
];
double page = 2.0;
@override
void initState() {
pageController =
PageController(initialPage: currentPage, viewportFraction: viewPortFraction);
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
elevation: 1,
centerTitle: true,
backgroundColor: Colors.indigo,
title: Text(
"The IT Crowd",
style: TextStyle(color: Colors.white, fontSize: 20),
),
),
body: ListView(
children: <Widget>[
SizedBox(height: 20,),
Container(
height: PAGER_HEIGHT,
child: NotificationListener<ScrollNotification>(
onNotification: (ScrollNotification notification) {
if (notification is ScrollUpdateNotification) {
setState(() {
page = pageController.page;
});
}
},
child: PageView.builder(
onPageChanged: (pos) {
setState(() {
currentPage = pos;
});
},
physics: BouncingScrollPhysics(),
controller: pageController,
itemCount: listOfCharacters.length,
itemBuilder: (context, index) {
final scale =
max(SCALE_FRACTION, (FULL_SCALE - (index - page).abs()) + viewPortFraction);
return circleOffer(
listOfCharacters[index]['image'], scale);
},
),
),
),
Padding(
padding: const EdgeInsets.all(20.0),
child: Text(
listOfCharacters[currentPage]['name'],
textAlign: TextAlign.center,
style: TextStyle(fontSize: 20),
),
),
],
),
);
}
Widget circleOffer(String image, double scale) {
return Align(
alignment: Alignment.bottomCenter,
child: Container(
margin: EdgeInsets.only(bottom: 10),
height: PAGER_HEIGHT * scale,
width: PAGER_HEIGHT * scale,
child: Card(
elevation: 4,
clipBehavior: Clip.antiAlias,
shape: CircleBorder(side: BorderSide(color: Colors.grey.shade200, width: 5)),
child: Image.asset(
image,
fit: BoxFit.cover,
),
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment