testing out swipeable pageview

This commit is contained in:
BroodjeAap 2020-12-07 18:10:16 +01:00
parent d3f55cb9ae
commit cbdf478811

View file

@ -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: <Widget>[
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: <Widget>[
Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
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: <Widget>[
Text(
"19",
style: TextStyle(
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
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: <Widget>[
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: <Widget>[
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")
)
]
)
);
}