Merge pull request #3 from allemangD/Sports_Selector

Sports selector Skeleton
This commit is contained in:
2020-02-14 13:14:08 -05:00
committed by GitHub
4 changed files with 99 additions and 66 deletions

View File

@@ -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;
});
}
}

91
lib/home_widget2.dart Normal file
View File

@@ -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;
}

View File

@@ -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(),
);
}

View File

@@ -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,
);
}
}