From c5e02cf7f136c17cf9dc9799017e2a70eb33bc3f Mon Sep 17 00:00:00 2001 From: Kaleb Wainright Date: Sat, 15 Feb 2020 21:51:29 -0500 Subject: [PATCH] Additional card formatting. Added column for thumbnail to be added and text. --- lib/home_widget.dart | 324 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 299 insertions(+), 25 deletions(-) diff --git a/lib/home_widget.dart b/lib/home_widget.dart index 0435a86..82aff14 100644 --- a/lib/home_widget.dart +++ b/lib/home_widget.dart @@ -21,27 +21,82 @@ class _HomeState extends State{ Container( width: 325, margin: EdgeInsets.symmetric(horizontal: 10), - color: Colors.orange, + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.orange, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.orange, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.orange, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.orange, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.orange, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.orange, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.orange, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.orange, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.orange, + ), + ), + Text('Testing'), + ], + ), + ), ), ], ), @@ -55,27 +110,82 @@ class _HomeState extends State{ Container( width: 325, margin: EdgeInsets.symmetric(horizontal: 10), - color: Colors.green, + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.green, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.green, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.green, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.green, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.green, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.green, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.green, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.green, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.green, + ), + ), + Text('Testing'), + ], + ), + ), ), ], ), @@ -89,27 +199,82 @@ class _HomeState extends State{ Container( width: 325, margin: EdgeInsets.symmetric(horizontal: 10), - color: Colors.purple, + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.purple, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.purple, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.purple, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.purple, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.purple, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.purple, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.purple, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.purple, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.purple, + ), + ), + Text('Testing'), + ], + ), + ), ), ], ), @@ -123,27 +288,81 @@ class _HomeState extends State{ Container( width: 325, margin: EdgeInsets.symmetric(horizontal: 10), - color: Colors.blue, + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.blue, ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.blue, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.blue, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.blue, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.blue, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.blue, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.blue, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.blue, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.blue, + ), + ), + Text('Testing'), + ], + ), + ), ), ], ), @@ -157,27 +376,82 @@ class _HomeState extends State{ Container( width: 325, margin: EdgeInsets.symmetric(horizontal: 10), - color: Colors.red, + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.red, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.red, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.red, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.red, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.red, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.red, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.red, + ), + ), + Text('Testing'), + ], + ), + ), ), Container( width: 325, - color: Colors.red, margin: EdgeInsets.symmetric(horizontal: 10), + child: Card( + child: Column( + children: [ + Expanded( + child: Container( + color: Colors.red, + ), + ), + Text('Testing'), + ], + ), + ), ), ], ),