Merge pull request #3 from allemangD/Sports_Selector

Sports selector Skeleton

lib/home_widget.dart

@@ -1,61 +0,0 @@
-import 'package:flutter/material.dart';
-import 'placeholder_widget.dart';
-
-class Home extends StatefulWidget {
-  @override
-  _HomeState createState() => _HomeState();
-}
-
-class _HomeState extends State<Home>{
-  int _currentIndex = 0;
-  final List<Widget> _children = [
-    PlaceholderWidget(Colors.white),
-    PlaceholderWidget(Colors.orange),
-    PlaceholderWidget(Colors.blue),
-    PlaceholderWidget(Colors.red),
-    PlaceholderWidget(Colors.black38),
-  ];
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: Text('UNCC Athletics App'),
-      ),
-      body: _children[_currentIndex],
-      bottomNavigationBar: BottomNavigationBar(
-        type: BottomNavigationBarType.fixed,
-        onTap: onTabTapped,
-        currentIndex: _currentIndex,
-        items: [
-          BottomNavigationBarItem(
-            icon: new Icon(Icons.home),
-            title: new Text("Home"),
-          ),
-          BottomNavigationBarItem(
-              icon: new Icon(Icons.calendar_today),
-              title: new Text("Schedule")
-          ),
-          BottomNavigationBarItem(
-              icon: new Icon(Icons.table_chart),
-              title: new Text("Scores")
-          ),
-          BottomNavigationBarItem(
-              icon: new Icon(Icons.assessment),
-              title: new Text("Standings")
-          ),
-          BottomNavigationBarItem(
-              icon: new Icon(Icons.more_horiz),
-              title: new Text("More")
-          )
-        ],
-      ),
-    );
-  }
-
-  void onTabTapped(int index) {
-    setState(() {
-      _currentIndex = index;
-    });
-  }
-}

lib/home_widget2.dart

@@ -0,0 +1,91 @@
+import 'package:flutter/material.dart';
+import 'placeholder_widget.dart';
+
+class Home extends StatelessWidget {
+  final List<Object> _curSport = ['FootBall', Colors.green];
+
+  final List<Item> colorList = <Item>[
+    const Item("FootBall", Colors.red),
+    const Item("Soccer", Colors.pinkAccent),
+    const Item('Baseball', Colors.yellow),
+  ];
+
+  final List<Widget> _children = [
+    PlaceholderWidget(Colors.white),
+    PlaceholderWidget(Colors.orange),
+    PlaceholderWidget(Colors.blue),
+    PlaceholderWidget(Colors.red),
+    PlaceholderWidget(Colors.black38),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    int _currentBodyIndex = 0;
+    Item selectedSport;
+
+    return StatefulBuilder(
+        builder: (context, StateSetter setState) => Scaffold(
+              appBar: AppBar(
+                centerTitle: true,
+                title: DropdownButton<Item>(
+                  value: selectedSport,
+                  icon: Icon(Icons.arrow_drop_down),
+                  iconSize: 24,
+                  style: TextStyle(color: Colors.black),
+                  iconEnabledColor: Colors.white,
+                  onChanged: (Item value) {
+                    setState(() {
+                      selectedSport = value;
+                      _curSport[0] = selectedSport.name;
+                      _curSport[1] = selectedSport.color;
+                    });
+                  },
+                  items: colorList.map<DropdownMenuItem<Item>>((Item item) {
+                    return DropdownMenuItem<Item>(
+                      value: item,
+                      child: SizedBox(
+                        width: 100,
+                        child: Text(item.name),
+                      ),
+                    );
+                  }).toList(),
+                ),
+                backgroundColor: _curSport[1],
+              ),
+              body: _children[_currentBodyIndex],
+              bottomNavigationBar: BottomNavigationBar(
+                type: BottomNavigationBarType.fixed,
+                onTap: (int index) {
+                  setState(() {
+                    _currentBodyIndex = index;
+                  });
+                },
+                currentIndex: _currentBodyIndex,
+                items: [
+                  BottomNavigationBarItem(
+                    icon: new Icon(Icons.home),
+                    title: new Text("Home"),
+                  ),
+                  BottomNavigationBarItem(
+                      icon: new Icon(Icons.calendar_today),
+                      title: new Text("Schedule")),
+                  BottomNavigationBarItem(
+                      icon: new Icon(Icons.table_chart),
+                      title: new Text("Scores")),
+                  BottomNavigationBarItem(
+                      icon: new Icon(Icons.assessment),
+                      title: new Text("Standings")),
+                  BottomNavigationBarItem(
+                      icon: new Icon(Icons.more_horiz), title: new Text("More"))
+                ],
+              ),
+            ));
+  }
+}
+
+class Item {
+  const Item(this.name, this.color);
+
+  final String name;
+  final Color color;
+}

lib/main.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'home_widget.dart';
+import 'home_widget2.dart';
 
 void main() => runApp(App());
 
@@ -8,7 +8,6 @@ class App extends StatelessWidget{
   Widget build(BuildContext context) {
     return MaterialApp(
       debugShowCheckedModeBanner: false,
-      title: 'UNCC Athletics',
       home: Home(),
     );
   }

lib/placeholder_widget.dart

@@ -2,8 +2,12 @@ import 'package:flutter/material.dart';
 
 class PlaceholderWidget extends StatelessWidget{
   final Color color;
-  PlaceholderWidget(this.color);
+  PlaceholderWidget(this.color,);
 
   @override
-  Widget build(BuildContext context) => Container(color: color,);
+  Widget build(BuildContext context) {
+    return Container(
+      color: color,
+    );
+  }
 }