Implemented steps page

This commit is contained in:
Benjamin Ramhorst 2022-02-09 18:29:27 +00:00
parent c810510107
commit 72e6fa0386
5 changed files with 41 additions and 8 deletions

View file

@ -25,6 +25,7 @@ class _HomeScreenState extends State<HomeScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
body: PageView(
controller: _pageController,
children: const <Widget>[

View file

@ -1,7 +1,9 @@
import 'package:flutter/material.dart';
import 'package:leg_barkr_app/home.dart';
import 'package:flutter/services.dart';
void main() {
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(statusBarColor: Colors.black12));
runApp(const Main());
}

View file

@ -3,7 +3,7 @@ import 'package:charts_flutter/flutter.dart' as charts;
import 'package:leg_barkr_app/model/steps_series.dart';
class StepsChart extends StatelessWidget {
final List<StepsSeries> data;
List<StepsSeries> data;
StepsChart(this.data);
@ -19,7 +19,11 @@ class StepsChart extends StatelessWidget {
)
];
return new charts.BarChart(series, animate: true,);
return Container(
height: 600,
width: double.infinity,
child: charts.BarChart(series, animate: true)
);
}
}

View file

@ -2,6 +2,7 @@ import 'package:charts_flutter/flutter.dart' as charts;
import 'package:flutter/material.dart';
import 'package:leg_barkr_app/model/steps_series.dart';
import 'package:leg_barkr_app/view/steps/steps_chart.dart';
import 'package:leg_barkr_app/view/steps/steps_today.dart';
class StepsPage extends StatefulWidget {
const StepsPage({ Key? key }) : super(key: key);
@ -25,12 +26,15 @@ class _StepsPageState extends State<StepsPage> {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: StepsChart(data)
),
),
return Padding(
padding: EdgeInsets.fromLTRB(0.0, 50.0, 10.0, 0.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
StepsToday(5123),
new Expanded(child: StepsChart(data))
],
)
);
}
}

View file

@ -0,0 +1,22 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class StepsToday extends StatelessWidget {
int count;
StepsToday(this.count);
@override
Widget build(BuildContext context) {
return Container(
child: Column(
children: [
Text("Steps today", style: TextStyle(color: Colors.black, fontWeight: FontWeight.bold, fontSize: 20), textAlign: TextAlign.center),
Text(count.toString(), style: TextStyle(color: Colors.green, fontWeight: FontWeight.bold, fontSize: 40), textAlign: TextAlign.center)
],
)
);
}
}