From 9de9ed897cebad80f5cb96318f8355a5d9849f00 Mon Sep 17 00:00:00 2001 From: kwainright Date: Sat, 15 Feb 2020 21:02:28 -0500 Subject: [PATCH] Added structure for scrolling media cards to be added. Currently using Container objects as placeholders. --- lib/home_widget.dart | 181 ++++++++++++++++++++++++++++++++++++++++++- lib/main.dart | 1 + 2 files changed, 180 insertions(+), 2 deletions(-) diff --git a/lib/home_widget.dart b/lib/home_widget.dart index 22dabbb..0435a86 100644 --- a/lib/home_widget.dart +++ b/lib/home_widget.dart @@ -9,7 +9,182 @@ class Home extends StatefulWidget { class _HomeState extends State{ int _currentIndex = 0; final List _children = [ - PlaceholderWidget(Colors.white), + ListView( + scrollDirection: Axis.vertical, + children: [ + Container( + height: 175, + margin: EdgeInsets.symmetric(vertical: 10), + child: ListView( + scrollDirection: Axis.horizontal, + children: [ + Container( + width: 325, + margin: EdgeInsets.symmetric(horizontal: 10), + color: Colors.orange, + ), + Container( + width: 325, + color: Colors.orange, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.orange, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.orange, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.orange, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + ], + ), + ), + Container( + height: 175, + margin: EdgeInsets.symmetric(vertical: 10), + child: ListView( + scrollDirection: Axis.horizontal, + children: [ + Container( + width: 325, + margin: EdgeInsets.symmetric(horizontal: 10), + color: Colors.green, + ), + Container( + width: 325, + color: Colors.green, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.green, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.green, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.green, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + ], + ), + ), + Container( + height: 175, + margin: EdgeInsets.symmetric(vertical: 10), + child: ListView( + scrollDirection: Axis.horizontal, + children: [ + Container( + width: 325, + margin: EdgeInsets.symmetric(horizontal: 10), + color: Colors.purple, + ), + Container( + width: 325, + color: Colors.purple, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.purple, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.purple, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.purple, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + ], + ), + ), + Container( + height: 175, + margin: EdgeInsets.symmetric(vertical: 10), + child: ListView( + scrollDirection: Axis.horizontal, + children: [ + Container( + width: 325, + margin: EdgeInsets.symmetric(horizontal: 10), + color: Colors.blue, + ), + Container( + width: 325, + color: Colors.blue, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.blue, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.blue, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.blue, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + ], + ), + ), + Container( + height: 175, + margin: EdgeInsets.symmetric(vertical: 10), + child: ListView( + scrollDirection: Axis.horizontal, + children: [ + Container( + width: 325, + margin: EdgeInsets.symmetric(horizontal: 10), + color: Colors.red, + ), + Container( + width: 325, + color: Colors.red, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.red, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.red, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + Container( + width: 325, + color: Colors.red, + margin: EdgeInsets.symmetric(horizontal: 10), + ), + ], + ), + ), + + ], + ), PlaceholderWidget(Colors.orange), PlaceholderWidget(Colors.blue), PlaceholderWidget(Colors.red), @@ -22,7 +197,9 @@ class _HomeState extends State{ appBar: AppBar( title: Text('UNCC Athletics App'), ), - body: _children[_currentIndex], + body: Container( + child: _children[_currentIndex] + ), bottomNavigationBar: BottomNavigationBar( type: BottomNavigationBarType.fixed, onTap: onTabTapped, diff --git a/lib/main.dart b/lib/main.dart index 47d6b1c..4bde493 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -9,6 +9,7 @@ class App extends StatelessWidget{ return MaterialApp( debugShowCheckedModeBanner: false, title: 'UNCC Athletics', + home: Home(), ); }