diff --git a/lib/drop_down_widget.dart b/lib/drop_down_widget.dart deleted file mode 100644 index e8dcce8..0000000 --- a/lib/drop_down_widget.dart +++ /dev/null @@ -1,51 +0,0 @@ -import 'package:flutter/foundation.dart'; -import 'package:flutter/material.dart'; -import 'package:flutter/widgets.dart'; -import 'home_widget.dart'; - -class DropDownWidget extends StatefulWidget{ - @override - _DropDownWidget createState() => _DropDownWidget(); - -} - -class _DropDownWidget extends State{ - Item selectedSport; - String curSport; - Color _appBarColor; - List colorList = [ - const Item("Men's Basketball", Colors.red), - const Item("Women's Basketball", Colors.pinkAccent), - const Item('Baseball', Colors.yellow), - ]; - - @override - Widget build(BuildContext context) { - return DropdownButton( - 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 = selectedSport.name; - _appBarColor = selectedSport.color; - }); - }, - items: colorList.map>((Item item) { - return DropdownMenuItem( - value: item, - child: SizedBox( - width: 100, - child: Text(item.name), - ), - ); - }).toList(), - ); - } - String getString(){ - return curSport; - } -} \ No newline at end of file diff --git a/lib/home_widget.dart b/lib/home_widget.dart deleted file mode 100644 index f0e8ce4..0000000 --- a/lib/home_widget.dart +++ /dev/null @@ -1,74 +0,0 @@ -import 'package:flutter/material.dart'; -import 'placeholder_widget.dart'; -import 'drop_down_widget.dart'; - -class Home extends StatefulWidget { - @override - _HomeState createState() => _HomeState(); -} - -class _HomeState extends State{ - int _currentIndex = 0; - var curSport = ''; - - final List _children = [ - PlaceholderWidget(Colors.white), - PlaceholderWidget(Colors.orange), - PlaceholderWidget(Colors.blue), - PlaceholderWidget(Colors.red), - PlaceholderWidget(Colors.black38), - ]; - - DropDownWidget ddw = DropDownWidget(); - - @override - Widget build(BuildContext context) { - return Scaffold( - appBar: AppBar( - title: ddw, - //backgroundColor: , - ), - 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; - print(ddw); - }); - } -} - -class Item { - const Item(this.name, this.color); - final String name; - final Color color; -} \ No newline at end of file diff --git a/lib/home_widget2.dart b/lib/home_widget2.dart new file mode 100644 index 0000000..174614d --- /dev/null +++ b/lib/home_widget2.dart @@ -0,0 +1,91 @@ +import 'package:flutter/material.dart'; +import 'placeholder_widget.dart'; + +class Home extends StatelessWidget { + final List _curSport = ['FootBall', Colors.green]; + + final List colorList = [ + const Item("FootBall", Colors.red), + const Item("Soccer", Colors.pinkAccent), + const Item('Baseball', Colors.yellow), + ]; + + final List _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( + 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>((Item item) { + return DropdownMenuItem( + 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; +} diff --git a/lib/main.dart b/lib/main.dart index aad7acc..2edca9a 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -1,5 +1,5 @@ import 'package:flutter/material.dart'; -import 'home_widget.dart'; +import 'home_widget2.dart'; void main() => runApp(App()); diff --git a/lib/placeholder_widget.dart b/lib/placeholder_widget.dart index 10b8eb6..64e35a2 100644 --- a/lib/placeholder_widget.dart +++ b/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,); -} \ No newline at end of file + Widget build(BuildContext context) { + return Container( + color: color, + ); + } +}