code refactor

Author: thamaraiselvam

TODO

@@ -4,8 +4,4 @@ Todo:
   ☐ Vibrate when wrong item selected
   ☐ Store recent scores in local storage
   ☐ Code refactor
-  ☐ Add constant file
   ☐ Write test cases
-
-
-

lib/component/ScoreCard.dart

@@ -0,0 +1,85 @@
+import 'package:flutter/material.dart';
+import 'package:numbers/utils/constants.dart';
+import 'package:numbers/widgets/dashedLine.dart';
+
+class ScoreBoard extends StatelessWidget {
+  String title;
+  ScoreBoard(this.title);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.only(top: 5, left: 10, right: 10, bottom: 5),
+      child: Column(
+        children: <Widget>[
+          Card(
+            color: Colors.white,
+            child: Column(
+              children: [
+                ListTile(
+                  leading: Icon(
+                    Icons.show_chart,
+                    color: primaryColor,
+                  ),
+                  title: Text(title,
+                      style: TextStyle(
+                          color: primaryColor, fontWeight: FontWeight.bold)),
+                ),
+                dashedLineBreak(Colors.grey),
+                Table(
+                  columnWidths: {
+                    0: FractionColumnWidth(0.2),
+                    1: FractionColumnWidth(0.6),
+                    2: FractionColumnWidth(0.2)
+                  },
+                  children: [
+                    _buildTableRow("Rank,Name,Score"),
+                  ],
+                ),
+                ListView.builder(
+                  itemCount: 5,
+                  shrinkWrap: true,
+                  // physics: const NeverScrollableScrollPhysics(),
+                  itemExtent: 35,
+                  itemBuilder: (BuildContext context, int index) {
+                    return ListTile(
+                      leading: Text(
+                        index.toString(),
+                        style: TextStyle(color: greyFontColor, fontSize: 13),
+                      ),
+                      title: Text(
+                        'Thamaraiselvam',
+                        style: TextStyle(color: greyFontColor, fontSize: 13),
+                      ),
+                      trailing: Text(index.toString() + ' days ago',
+                          style: TextStyle(color: greyFontColor, fontSize: 13)),
+                    );
+                  },
+                ),
+                SizedBox(height: 15,)
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  TableRow _buildTableRow(String listOfNames) {
+    return TableRow(
+      children: listOfNames.split(',').map((name) {
+        return Container(
+          child: Text(
+            name,
+            style: TextStyle(
+                fontSize: 13.0,
+                color: greyFontColor,
+                fontWeight: FontWeight.bold),
+            textAlign: TextAlign.left,
+          ),
+          padding: EdgeInsets.only(top: 15.0, left: 10),
+        );
+      }).toList(),
+    );
+  }
+}

lib/main.dart

@@ -1,10 +1,10 @@
 import 'package:flutter/services.dart';
-import 'package:numbers/screens/GameScreen.dart';
-import 'package:numbers/screens/HowToScreen.dart';
+import 'package:numbers/screens/GameScreen/GameScreen.dart';
+import 'package:numbers/screens/TurorialScreen.dart';
 import 'package:numbers/screens/LoadingScreen.dart';
 import 'package:flutter/material.dart';
 import 'package:numbers/screens/SplashScreen.dart';
-import 'package:numbers/screens/homeScreen.dart';
+import 'package:numbers/screens/HomeScreen/HomeScreen.dart';
 
 Future<void> main() async {
   SystemChrome.setPreferredOrientations([
@@ -19,7 +19,7 @@ Future<void> main() async {
         '/home': (BuildContext context) => HomeScreen(),
         '/loading': (BuildContext context) => LoadingScreen(),
         '/game': (BuildContext context) => GameScreen(),
-        '/howTo': (BuildContext context) => HowToScreen(),
+        '/tutorial': (BuildContext context) => TurorialScreen(),
       },
     ));
 }

lib/screens/GameScreen.dart lib/screens/GameScreen/GameScreen.dartlib/screens/GameScreen.dart renamed to lib/screens/GameScreen/GameScreen.dart

@@ -57,7 +57,7 @@ class _GameScreenState extends State<GameScreen> {
     );
   }
 
-   void initTimer() {
+  void initTimer() {
     this.gameTimerObject = Timer.periodic(Duration(seconds: 1), (timer) {
       setState(() {
         this.secCounter--;
@@ -211,7 +211,9 @@ class _GameScreenState extends State<GameScreen> {
       alignment: Alignment(0.0, 0.0),
       // color: Colors.grey,
       padding: const EdgeInsets.all(30),
-      child: Wrap(spacing: 40, runSpacing: 40, children: _generateBlocks(6)),
+      child: Center(
+        child: Wrap(spacing: 40, runSpacing: 40, children: _generateBlocks(6)),
+      ),
     );
   }