From cbdf478811a8f835b1ad8a837db22d75e799165c Mon Sep 17 00:00:00 2001 From: BroodjeAap Date: Mon, 7 Dec 2020 18:10:16 +0100 Subject: [PATCH] testing out swipeable pageview --- lib/pages/MonthValuesPage.dart | 242 +++++++++++++++++++-------------- 1 file changed, 138 insertions(+), 104 deletions(-) diff --git a/lib/pages/MonthValuesPage.dart b/lib/pages/MonthValuesPage.dart index e9e3132..1ef7d9b 100644 --- a/lib/pages/MonthValuesPage.dart +++ b/lib/pages/MonthValuesPage.dart @@ -5,6 +5,13 @@ import 'package:ohthatsa/other/AppDrawer.dart'; import 'package:ohthatsa/util/Months.dart'; class MonthValuesPage extends StatelessWidget { + static const formulaStyle = TextStyle( + fontSize: 25 + ); + static const YYStyle = TextStyle( + color: Colors.green, + fontSize: 25 + ); @override Widget build(BuildContext context) { return Scaffold( @@ -12,121 +19,148 @@ class MonthValuesPage extends StatelessWidget { appBar: AppBar( title: Text("Month Values") ), - body: Center( - child: Column( - children: [ - Text( - "To calculate the value for a year,", - style: TextStyle(fontSize: 20) - ), - Text( - "Take only the last two digits: ", - style: TextStyle(fontSize: 20) - ), - Row( + body: PageView( + children: [ + Container( + child: Column( mainAxisAlignment: MainAxisAlignment.center, + crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( - "YY", - style: TextStyle( - color: Colors.grey, - fontSize: 25 - ) + "Take only the last two digits: ", + style: TextStyle(fontSize: 25) ), - Text( - "YY", - style: TextStyle( - color: Colors.green, - fontSize: 25 - ) - ) - ], - ), - Text( - "Calculate:", - style: TextStyle(fontSize: 20) - ), - Text( - "(YY + floor(YY / 4)) % 7", - style: TextStyle(fontSize: 20) - ), - Text( - "So for example:", - style: TextStyle(fontSize: 20) - ), - Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Text( - "19", - style: TextStyle( + Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text( + "YY", + style: TextStyle( color: Colors.grey, fontSize: 25 + ) + ), + Text( + "YY", + style: YYStyle ) + ], ), Text( - "67", - style: TextStyle( - color: Colors.green, - fontSize: 25 + "And calculate:", + style: TextStyle(fontSize: 25) + ), + Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text( + "(", + style: formulaStyle, + ), + Text( + "YY", + style: YYStyle + ), + Text( + " + floor(", + style: formulaStyle + ), + Text( + "YY", + style: YYStyle + ), + Text( + " / 4)) % 7", + style: formulaStyle + ), + ], + ), + Text( + "Calculate:", + style: TextStyle(fontSize: 20) + ), + Text( + "(YY + floor(YY / 4)) % 7", + style: TextStyle(fontSize: 20) + ), + Text( + "So for example:", + style: TextStyle(fontSize: 20) + ), + Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text( + "19", + style: TextStyle( + color: Colors.grey, + fontSize: 25 + ) + ), + Text( + "67", + style: TextStyle( + color: Colors.green, + fontSize: 25 + ) ) - ) + ], + ), + Text( + "The calculation becomes", + style: TextStyle(fontSize: 20) + ), + Text( + "(67 + floor(67 / 4)) % 7", + style: TextStyle(fontSize: 20) + ), + Text( + "Let's first calculate '67 / 4': 16.75", + style: TextStyle(fontSize: 20) + ), + Text( + "Fill that into the calculation:", + style: TextStyle(fontSize: 20) + ), + Text( + "(67 + floor(16.75)) % 7", + style: TextStyle(fontSize: 20) + ), + Text( + "'Floor' it:", + style: TextStyle(fontSize: 20) + ), + Text( + "(67 + 16) % 7", + style: TextStyle(fontSize: 20) + ), + Text( + "Calculate '67 + 16': 83", + style: TextStyle(fontSize: 20) + ), + Text( + "And that leaves us with: ", + style: TextStyle(fontSize: 20) + ), + Text( + "83 % 7", + style: TextStyle(fontSize: 20) + ), + Text( + "Which gives us a year value of:", + style: TextStyle(fontSize: 20) + ), + Text( + "6", + style: TextStyle(fontSize: 20) + ), ], - ), - Text( - "The calculation becomes", - style: TextStyle(fontSize: 20) - ), - Text( - "(67 + floor(67 / 4)) % 7", - style: TextStyle(fontSize: 20) - ), - Text( - "Let's first calculate '67 / 4': 16.75", - style: TextStyle(fontSize: 20) - ), - Text( - "Fill that into the calculation:", - style: TextStyle(fontSize: 20) - ), - Text( - "(67 + floor(16.75)) % 7", - style: TextStyle(fontSize: 20) - ), - Text( - "'Floor' it:", - style: TextStyle(fontSize: 20) - ), - Text( - "(67 + 16) % 7", - style: TextStyle(fontSize: 20) - ), - Text( - "(67 + 16) % 7", - style: TextStyle(fontSize: 20) - ), - Text( - "Calculate '67 + 16': 83", - style: TextStyle(fontSize: 20) - ), - Text( - "And that leaves us with: ", - style: TextStyle(fontSize: 20) - ), - Text( - "83 % 7", - style: TextStyle(fontSize: 20) - ), - Text( - "The final calculation gives us a year value of:", - style: TextStyle(fontSize: 20) - ), - Text( - "6", - style: TextStyle(fontSize: 20) - ), - ], - ) + ) + ), + Container( + child: Text("test") + ) + ] ) ); }